已解决提问者:171370584_261 - 大副 十二级

div+css中背景图片显示不出来

悬赏分:0 解决时间:2008-09-11 04:45

比如说我在D盘下建了一个文件夹,叫123
在123下建了三个文件夹,分别叫html css images
我又在html下建了html.html
在css下建了css.css 在css中我是这样定义的:
         #header {
                  background-image:url(../images/logo.gif);
                 }
logo.gif图片在images文件夹里
我就是想知道我的url地址写得对吗?如果对为什么显示不出来呢?

最佳答案

zebel_719 - 大副 十二级

孩子,路径是没有问题滴,但你的这个ID为 header 的容器你是否设置了高度宽度之类的。
最简单的验证方法,把 header 设置为

#header { 
background-image:url(../images/logo.gif); 
border: 1px solid red;


看容器是否正常。

09-11 04:45回答采纳率达:25%(569个被采纳)

评价已经被关闭 目前有 0 个人评论

不好

0% (0)0% (0)

其它回答 (共4条)

youchou2006_194 - 二副 十一级

Url是没错的,背景不能显示这个也要具体看看你的html代码。

09-11 04:45 回答采纳率达:21%(487个被采纳)

ipaddr_222 - 大副 十二级

支持楼上,先核对两者尺寸,看HEAD层是否足够大能完全显示背景图象。当然,你要验证路径是否正确(一般编辑器中制作插入是不会错的),也可以把图片在HTML构架中的HEAD层内插入,看其是否显示。

09-11 04:45 回答采纳率达:24%(538个被采纳)

gtrsl_274 - 大副 十二级

<!----html/html.html-->
<html> 
<head><title>123</title> 
<link href=“../css/q.css“ type=“text/css“ rel=“stylesheet“ /> 
</head> 
<body> 
<div id=“header“></div> 
</body> 
</html> 


<!--css/css.css代码如下--> 
#header { 
background-image:url(../images/logo.gif); 
border:1px solid red; 


你明明创建的CSS文件是“CSS.CSS”,为什么调用的时候是“<link href=“../css/q.css“ type=“text/css“ rel=“stylesheet“ />“

1、文件名错误
2、将DIV设置具体尺寸,将样式代码改为:
#header{
background-image:url(../images/logo.gif);
width:200px;height:100px;
/*另外如果是LOGO当背景,你可能还需要添加下列代码,保证背景只显示一次*/
background-repeat:no-repeat;

09-11 04:45 回答采纳率达:23%(534个被采纳)

q329517800q_698 - 大副 十二级

测试方法参考楼上写的。路径如果错误就改成绝对路径吧

#header { 
background-image:url(/images/logo.gif); 


写文件不要写这么乱html/asp文件放在一起,正规的明名是:www/cn/images/XX.gif
www/cn/css/main.css

其中:cn里放asp文件

09-11 04:45 回答采纳率达:23%(544个被采纳)

快问安全杀毒专家

  • flyleeflylee Fly Lee,宇沃德高级客户服务经理,具有8年IT工作经验,精通邮件服务器、内网安全、网络协议、防火墙、上网行为管理等领域。向她提问

更多>>