CSS:在CSS中设置背景图像

Question

在CSS中设置背景图像时,正确的语法是什么？在视觉工作室中,因为它出现在背景中似乎没有问题.但在IE或FF等浏览器中,背景不会出现.有什么我想念的吗？

我正在使用的语法如下(我认为是正确的...)

#headerArea
{
    height: 150px;
    background-image: url('/images/bgimage.jpg');
}

以上是对的吗？

Answer 1

根据你的文件夹结构和CSS相对于它所使用的图像的位置,你必须上到图像目录的根级别并从那里访问它,所以你可以尝试类似的东西

background-image: url('/../images/bgimage.jpg');

Answer 2

如果您在不使用Web服务器的情况下在本地计算机上进行测试(例如,如果FF中页面的URL以" file://" 开头,则该URL将不起作用.您将需要指定图像的相对路径,否则它会'我会在你硬盘的根部寻找那个图像.

所以如果你的文件是这样的:

/some/path/html/index.html
/some/path/html/images/bgimage.jpg

您的代码将如下所示:

background-image: url('images/bgimage.jpg');

Answer 3

我得到了我的工作w/../images/bgimage.jpg

怎么样？我没有使用报价 - 例如:

background-image: url(../images/bgimage.jpg);