Question

我使用图片作为背景。这是div的CSS

#bkground {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    background: url(images/carbon_fiber2.jpg) ;
    background-repeat: no-repeat;
    background-position: center top;
    /*background: black;*/
}

在萤火虫中它显示为

#bkground {
    background: url("images/carbon_fiber2.jpg") no-repeat scroll center top transparent;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}

透明设置来自何处以及如何正确显示图像？

由于

Answer 1

绝对是一条糟糕的道路，图像显示它在 http://www.racefightclub.com/dev/css/images/carbon_fiber2.jpg

它应该是 http://www.racefightclub.com/dev/images/carbon_fiber2.jpg

所以要么让它成为../ images / carbon_fiber2.jpg

或者可能是/dev/images/carbon_fiber2.jpg

这是因为您正在引用css文件夹中的图像路径。

Answer 2

我认为透明位是指背景颜色，你可以有一种颜色（如果没有找到图像则作为备份）和图像。 Firebug只是添加了你没有覆盖的默认值。背景颜色的默认值是透明的。如果找到图像，图像应该仍然显示，所以我猜它不是，而是显示透明背景颜色。

~~我注意到的第一件事是你的图片网址不在css的引号中。我先试试。~~

所以，

background: url('images/carbon_fiber2.jpg') ;

查看评论，我已被可靠地告知不需要引号。

然后，只是预感，但是你是否在网站根目录的页面中包含了css？如果没有，您可能需要将路径设为绝对路径，即

background: url('/images/carbon_fiber2.jpg') ;

为什么我的CSS背景透明？

2 个答案: