在CSS中保留背景图像的同时移动文本

前端之家收集整理的这篇文章主要介绍了在CSS中保留背景图像的同时移动文本 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个’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 div中以大约50px以上的高度开始文字

最佳答案
使用负的上边距.

.menu_main ul {margin-top:-50px;}

猜你在找的HTML相关文章