![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
为什么background-image就是不显示,单独开一新窗口是显示的,一放进去就显示了,怎么回事?
css:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.clear:after{content:"1";display...
css:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.clear:after{
content:"1";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clear{
zoom:1;
}
.a{
width:1000px;
height:500px;
border:3px solid blue;
margin:0 auto;
position:relative;
}
.b{
width:123px;
height:49px;
background-image:url('image/h.png');
background-position:0 0;
border:10px solid #000;
position:absolute;
top:200px;
}
.b{
float:left;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<body>
<!-- 顶部start -->
<div class="top">
<div class="list clear">
<ul class="list-left clear">
<li ><a href="#">音悦台高清mv</a></li>
<li><a href="#">网友自家专辑</a></li>
<li><a href="#">音乐排行榜</a></li>
</ul>
<ul class="list-right clear">
<li><a href="#">登录</a></li>
<li><a href="#">免费注册</a></li>
<li><a href="#">退出</a></li>
</ul>
</div>
</div>
<!-- 顶部 end -->
<!-- LOGO部分 start -->
<div class="a clear">
<div class="b clear"></div>
</div>
<!-- LOGO部分 end -->
<!-- 导航 start -->
<div class="navi clear">
<ul class="navi-bar clear">
<li><a href="#">首页</a></li>
<li><a href="#">滚动</a></li>
<li><a href="#">国内</a></li>
<li><a href="#">国际</a></li>
<li><a href="#">社会</a></li>
<li><a href="#">图片</a></li>
<li><a href="#">娱乐</a></li>
<li><a href="#">军事</a></li>
<li><a href="#">评论</a></li>
<li><a href="#">历史</a></li>
<li><a href="#">百科</a></li>
<li><a href="#">公益</a></li>
</ul>
</div>
<!-- 导航 end -->
<!-- 大盒子 start -->
<div>
</div>
<!-- 大盒子 end -->
</body>
一放进去就不显示了,,是放进去不显示 展开
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.clear:after{
content:"1";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clear{
zoom:1;
}
.a{
width:1000px;
height:500px;
border:3px solid blue;
margin:0 auto;
position:relative;
}
.b{
width:123px;
height:49px;
background-image:url('image/h.png');
background-position:0 0;
border:10px solid #000;
position:absolute;
top:200px;
}
.b{
float:left;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<body>
<!-- 顶部start -->
<div class="top">
<div class="list clear">
<ul class="list-left clear">
<li ><a href="#">音悦台高清mv</a></li>
<li><a href="#">网友自家专辑</a></li>
<li><a href="#">音乐排行榜</a></li>
</ul>
<ul class="list-right clear">
<li><a href="#">登录</a></li>
<li><a href="#">免费注册</a></li>
<li><a href="#">退出</a></li>
</ul>
</div>
</div>
<!-- 顶部 end -->
<!-- LOGO部分 start -->
<div class="a clear">
<div class="b clear"></div>
</div>
<!-- LOGO部分 end -->
<!-- 导航 start -->
<div class="navi clear">
<ul class="navi-bar clear">
<li><a href="#">首页</a></li>
<li><a href="#">滚动</a></li>
<li><a href="#">国内</a></li>
<li><a href="#">国际</a></li>
<li><a href="#">社会</a></li>
<li><a href="#">图片</a></li>
<li><a href="#">娱乐</a></li>
<li><a href="#">军事</a></li>
<li><a href="#">评论</a></li>
<li><a href="#">历史</a></li>
<li><a href="#">百科</a></li>
<li><a href="#">公益</a></li>
</ul>
</div>
<!-- 导航 end -->
<!-- 大盒子 start -->
<div>
</div>
<!-- 大盒子 end -->
</body>
一放进去就不显示了,,是放进去不显示 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询