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的引用路径问题 其他属性都正常

求高手解答!

最好确认下你的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与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-09-16
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;

你加了引号了,background-image: url("images/9050.jpg");,改成background-image: url(images/9050.jpg);试一下
第2个回答  2015-09-24
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样式表。
第3个回答  2013-09-16
css中的图片地址如果是相对地址,则以css文件所在路径(/styles/)为基地址。(/styles/images/9050.jpg)
如果是页面元素中,则以页面所在路径(/)为基地址。(/images/9050.jpg)
所以如果css文件和页面不在同一路径的话,浏览器所请求的地址也会不一样。
第4个回答  2013-09-16
你好,根据你的描述我做了一下推论:

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

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

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网