背景图片不显示

时间:2009-12-19 22:56:21

标签: php html css

有人可以告诉我为什么背景图片没有显示在我的PHP代码中。

#wrap-iframe{
    background-image: url(bg_01.gif); 
    background-repeat: no-repeat;   
    border:0 none;
    min-width:760px;
    min-height: 700px;
}

这是我的CSS。 div框显示完美无瑕。图片网址是正确的。如果我通过标签包含图像,它会显示出来。

我对CSS并不是那么糟糕......: - (

2 个答案:

答案 0 :(得分:7)

请注意,图像路径必须相对于样式表。如果样式表与页面位于不同的目录中,则必须相应地调整url()中的路径。

您可以在Firefox中右键单击DIV,然后单击“显示背景图像”。它将带你到firefox正在寻找图像的URL,你可以看到它是否正确。

答案 1 :(得分:1)

我建议使用“绝对”路径。从正斜杠开始并描述HTML根向前的路径,即/images/bg_01.gif将解析为http://yourdomain.com/images/bg_01.gif

我总是在文件名周围加上引号,尽管它们可能不是100%必需的:

background-image: url("/images/bg_01.gif");