这是HTML
<div id="tab-1">
</div>
她是css
#tab-1:before{
background-image: url("http://t3.gstatic.com/images?q=tbn:ANd9GcQQxJ4VT26y0vXV4ea0BVugIdFEJ3BhnZByh13xvD-LbWPocNCHHw") no-repeat;
content: "";
display: block;
height: 100px;
position: relative;
top: 8px;
width: 500px;
}
如何显示背景图像？如果我使用背景颜色，那么它可以工作，但是为什么不使用背景图像呢？即使有时在jsfiddle中工作，但在我的本地主机中却行不通。
你必须拿出no-repeat从background-image如您使用内短手语法background-image属性，它是无效的，序使用短手语法，你需要使用background，而不是财产
#tab-1:before{
background-image: url("http://t3.gstatic.com/images?q=tbn:ANd9GcQQxJ4VT26y0vXV4ea0BVugIdFEJ3BhnZByh13xvD-LbWPocNCHHw");
background-repeat: no-repeat;
content: " ";
display: block;
height: 100px;
position: relative;
top: 8px;
width: 500px;
}
演示（background-repeat如果要保留，请分开放置background-image）
演示2（使用background属性的CSS简写语法）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句