背景圖不顯示
采用外鏈接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>
2016-09-19
.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);
}