我有一个’main_menu’div,其中包含在y轴上重复的背景图像.在这个div上方,我还有另一个div用于标题.问题是标题div的图像高度大约为75px.我想从main_div的背景图片实际开始的地方开始,在main_div中大约高出50像素的文本.
我在想类似的东西:
position:absolute; top:-50px;
这真的不起作用.
问题是如何在保持背景图像正常位置的同时向上移动文本.
谢谢
{编辑}
这是CSS
.menu_main
{
background-image:url('../menu_main.jpg');
background-repeat:repeat-y;
width:173px;
padding:5px;
}
.menu_header
{
background-image:url('../menu_header.jpg');
text-align:center;
width:173px;
height:65px;
padding:5px;
}
这是HTML
<div class="menu_header">Some Header</div>
<div class="menu_main">
<ul>
<li>Educational Objective</li>
<li>Projects</li>
<li>Class Preparation</li>
<li>Testimonials</li>
</ul>
</div>
最佳答案
使用负的上边距.
.menu_main ul {margin-top:-50px;}