Question

div中的背景图片在css中显示不出来，在div的style中可以显示

<div class="sf" style="background-image: url('images/9050.jpg')"></div> 这样可以显示
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
} 这样显示不了

不是css的引用路径问题 其他属性都正常

求高手解答！

Answer 1

最好确认下你的css是不是在本页面中 如果是存在在别的css文件中，路径是会存在问题的 ，其他属性可以实现，说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg");有没有用
还有你在本页你试一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}

</style>
<div class="sf" >123</div>
这样能显示的话就代表你原来的的确是css路径问题。

如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号，否则可能会引起部分浏览器不能显示的错误

Answer 2

.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;

你加了引号了，background-image: url("images/9050.jpg");，改成background-image: url(images/9050.jpg);试一下

Answer 3

div中的背景图片在css中显示不出来，而在div的style中可以显示，若图片地址没有填写错误，请查看css链接地址是否正确，能否正确调用css中的数据。
<div class="sf" style="background-image: url('images/9050.jpg')"></div>
在div中设置内嵌样式是直接可以调用显示的
.sf{background-image: url("images/9050.jpg");width: 111px;height: 363px;
}
使用css外联样式表调用背景图片，需确认在html中css的链接地址是否正确。

<link href="css/public.css" rel="stylesheet" type="text/css">如此样式为调用网站文件根目录下css文件夹中public.css样式表。

Answer 4

css中的图片地址如果是相对地址，则以css文件所在路径(/styles/)为基地址。(/styles/images/9050.jpg)
如果是页面元素中，则以页面所在路径(/)为基地址。(/images/9050.jpg)
所以如果css文件和页面不在同一路径的话，浏览器所请求的地址也会不一样。

Answer 5

你好，根据你的描述我做了一下推论：

这个应该是权重问题，也就是说你有的CSS（即：关于background的CSS）权重比你的“.sf"要高，请检查你的其它CSS代码，

建议：使用firebug查看你的代码，或者使用浏览器的F12功能