我有一个’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;}
原文地址:https://www.jb51.cc/html/530574.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。