一墨飞雪
2016-09-19 00:05
采用外链接css样式,路径名没有错,可图片还是不显示,求指教
css代码:
.header .banner ul li{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
.header .banner ul li .banner_1{
background:url(../images/1.jpg);
}
html代码:
<header class="container header">
<div class="content top">
<img src="images/LOGO.png"/>
<nav>
<ul>
<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>
</nav>
</div>
<div class="content banner">
<ul>
<li class="active banner_1"></li>
<li></li>
</ul>
</div>
</header>
.header .banner ul li .banner_1{
background:url(../images/1.jpg);
}
你这里写的.banner_1是一个li标签的class,不是li的后代,把li删掉试试
.header .banner ul .banner_1{
background:url(../images/1.jpg);
}
企业网站综合布局实战
157043 学习 · 1984 问题
相似问题