好吧问答库 > div中的背景图片在css中显示不出来，在div的style中可以显示

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

2024年11月15日 22:23

有5个网友回答

网友（1）：

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

123

这样能显示的话就代表你原来的的确是css路径问题。

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

网友（2）：

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

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

网友（3）：

div中的背景图片在css中显示不出来，而在div的style中可以显示，若图片地址没有填写错误，请查看css链接地址是否正确，能否正确调用css中的数据。

在div中设置内嵌样式是直接可以调用显示的
.sf{background-image: url("images/9050.jpg");width: 111px;height: 363px;
}
使用css外联样式表调用背景图片，需确认在html中css的链接地址是否正确。

如此样式为调用网站文件根目录下css文件夹中public.css样式表。

网友（4）：

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

网友（5）：

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

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

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