Maison >interface Web >tutoriel HTML >background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose

background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:08:107125parcourir

.yangshi{
float:left;
width:386px;
height:62px;

background-repeat:repeat;
background-attachment:fixed;
background-position:0% 0%;
background-image:url(img/logo (558).gif)
z-index:1
}



    
 
为何在网页中背景图片无法显示?
图片路径已经确认过没有问题。


回复讨论(解决方案)

logo (558).gif 文件名中有空格

也不行,我改成background-image:url(img/21.jpg),一样不会显示

路径名肯定有问题

试过了,跟在Dreamwaver里面的提示,点击浏览选择的图片,路径应该不会有问题吧

Dreamweaver实际应用中不可能什么都是绝对正确的。

建议先认真再检查一次路径问题,其二再把文件名修改下,要知道,规范的文件名,是网页文件整齐有序的前提

最大的可能就是路径问题

不会显示是不是显示个红叉,你右键-属性,确认下那个路径是不是有问题

目测没加分号,或者用FIREBUG看看能不能读取到,或改成../img/***试试

很明显,background-image属性没用分号结尾。

很明显,background-image属性没用分号结尾。

是滴,少了个;号

路径img前少了个/,应该是background-image:url(/img/logo (558).gif)
 

你用的图片可能是CMYK模式的,这个IE浏览器好像不能渲染,RGB是才对。

图片属性设置的时候没有分号,应该是识别不出来的。
而且图片后面的那个tab设置应该也是没有作用的。
测试一下吧。

将你的 图片 拉进 浏览器中 ,会显示一个路径,复制,粘贴,完事

background-position:0% 0%;去掉这个试试。

应该是路径问题。。。,还有就是那个background-image属性没用分号结尾,路径不对的可能行大

background-image:url('img/logo (558).gif'),要加个引号

还有gif文件是动态图片,估计是不得行的,以前测试过
 

你可以右击图片,打开方式-》Internet Explorer,然后看是不是能够在ie下显示(不能正常显示,即便是路径正确也没有用,正如上面所说rgb模式的图片才能显示正常)

结果是什么回事,还真多人回复,,本人也觉得是路径问题。

我昨晚已经回复了,可是今天没看到我的回复,重新回复一下:
1,路径不正确:这个楼主要自己检查了!
2,右击图片,打开方式-》在Internet Explorer里面打开,看此刻gif图片能否打开,如果此刻gif图片打不开,说明此图片的模式不是网页识别的rgb模式,在psd里面,图像-》模式?》RGB颜色即可!

添加图片后面没有用“;”结尾,,,手写才是王道。

background-repeat:repeat;
 background-attachment:fixed;
 background-position:0% 0%;
 

 先把这些去掉一点一点的试试啊

我也出现这个毛病了,路径也是对的,如果只用background就可以显示出来了

正解 很明显,background-image属性没用分号结尾。

路径最前面少个'/'

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn