<ul class="right ">
<li><a href="https://bbs.csdn.net/topics/#">登錄</a></li>
<li><a href="https://bbs.csdn.net/topics/#">注冊</a></li>
<li class="SL"><a href="https://bbs.csdn.net/topics/#">訊息通知</a></li>
<li class="gwc"><span></span><a href="https://bbs.csdn.net/topics/#">購物車</a></li>
</ul>
這是html部分
#top{
background-color: #333333;
height: 36px;
}
#top ul{
}
#top ul li{
float: left;
border-right: 1px solid #3C423C;
margin: 5px 0 0;
padding: 0 8px;
}
#top ul li a{
font-size: 10px;
color: #B0B0B0;
}
#top .SL{
border: none;
}
#top .gwc{
background-color: #424242;
height: 30px;
margin: 0;
padding: 5px 20px 3px;
}
#top .gwc span{
display: inline-block;
height: 20px;
width: 20px;
vertical-align: middle;
background-image: url("../img/gwche.png") no-repeat;
background-size: cover;
}
這是css部分，span標簽的背景圖片顯示不出來，但是改成背景顏色的話就能顯示了。
uj5u.com熱心網友回復：
要么把background-image改成background，要么把no-repeat去掉，因為background-image不能加no-repeatuj5u.com熱心網友回復：
background-size把cover改成100%，這樣圖片才能鋪滿uj5u.com熱心網友回復：
正確！！
uj5u.com熱心網友回復：
語法錯誤改成 background: url("../img/gwche.png") no-repeat;
你寫的是
background-image: url("../img/gwche.png") no-repeat;
所以這行代碼廢了
uj5u.com熱心網友回復：
-image把這個去掉轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/47098.html
標籤：HTML(CSS)
下一篇：vue 趨勢圖組件動態渲染問題