css+div 导航问题！
如下图所示，如何把内容移动到红线的上边，而不是里面，顺便问下大家DIV的层级关系<styletype="text/css">html,body{margin:0;padd...
如下图所示，如何把内容移动到红线的上边，而不是里面，顺便问下大家 DIV的层级关系
<style type="text/css">
html,body{margin:0;
padding:0;
border:none;
font-size:14px;
color:#3e3d3d;
}
body{ margin:0 auto;
width:1024px;
background-color:#91091f;
}
.bj{ height:843px;
width:1024px;
background:url(img/a15.PNG) repeat-x;
float:right;
background-color:#fbf3f3;
}
.top{ padding:24px 0px 0px 44px;}
<!--红线代码-->
.top-a{ height:8px;
width:718px;background:url(img/a20.jpg) repeat-x;
float:right;
margin-top:-40px}
ul,li{list-style:none;
float:right;
}
</style>
</head>
<body>
<div class="bj">
<div class="top"><img src="img/a01.png" width="101" height="87" /></div>
<div class="top-a">
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
</div>
</div>
</body>
</html> 展开
<style type="text/css">
html,body{margin:0;
padding:0;
border:none;
font-size:14px;
color:#3e3d3d;
}
body{ margin:0 auto;
width:1024px;
background-color:#91091f;
}
.bj{ height:843px;
width:1024px;
background:url(img/a15.PNG) repeat-x;
float:right;
background-color:#fbf3f3;
}
.top{ padding:24px 0px 0px 44px;}
<!--红线代码-->
.top-a{ height:8px;
width:718px;background:url(img/a20.jpg) repeat-x;
float:right;
margin-top:-40px}
ul,li{list-style:none;
float:right;
}
</style>
</head>
<body>
<div class="bj">
<div class="top"><img src="img/a01.png" width="101" height="87" /></div>
<div class="top-a">
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
</div>
</div>
</body>
</html> 展开
4个回答
展开全部
你把图片做成导航条的高度，上面用透明，下面用红线，然后把导航条DIV层的背景图片设为你做好的图片就可以了！！你在调整一下文字的位置就可以了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你把“<!--红线代码-->”这段注释删掉，这个导致样式时效了
有一点提醒你一下，尽量不要用中文注释，还有就是注释的标签你先了解一下
有一点提醒你一下，尽量不要用中文注释，还有就是注释的标签你先了解一下
更多追问追答
追问
·····我知道失效了 我这是为了方便给你们看······饿
追答
我给你把整个布局稍微调整一下吧，虽然我不知道你样式里面的图片是怎样的，但还是能猜到一二，等几分钟我再改下回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你想实现什么效果
更多追问追答
追问
你点下图看一下，我想把文字放到红线的 上边
追答
图片太低 你吧repeat-x 改为repeat看下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
咋这么多菜鸟
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
