两个背景图像作为背景颜色在Chrome中不可见

时间:2013-01-04 18:07:57

标签: google-chrome background background-image background-color invisible

我正在使用Firefox在localhost上测试一个网站,现在我看到我提供的背景图片和颜色在Chrome中根本没有显示。在IE浏览器中它显示在IE9中但不在IE8或7中显示...所以在Chrome,IE7和IE8中,我既没有看到图像作为颜色...

可能是什么问题?我使用颜色作为图像。这是我正在使用的代码:

background: url("http://localhost/test/wp-content/uploads/2013/01/bg.png") no-repeat scroll left 550px center #222;

PS我正在使用左侧550px因为我不想使用正确的-80px ...使用减号并不好我被告知......

1 个答案:

答案 0 :(得分:0)

尝试将颜色放在网址

之前

根据W3C: 背景:[background-color] [background-image] [background-repeat] [background-attachment] [background-position];

所以你的代码应该是这样的(我删除了双左属性,如果它是一个正数,而不是从左边自动推送550px):

background: #222 url("http://localhost/test/wp-content/uploads/2013/01/bg.png") no-repeat scroll 550px center;