使用css背景图片的浏览器问题,在Chrome中无法完美显示

时间:2014-04-27 10:21:15

标签: html css twitter-bootstrap

我在显示背景图片时遇到浏览器问题。用作CSS的图片在Google Chrome中无法完美展示。尝试一切,但没有任何效果。

链接是:http://j.lookten.com/

更多说明:

我使用CSS中的背景“我们可以做得更多”和“我们可以做得更多”部分,但Chrome不支持背景。这在Firefox中完美运行。我也希望它能在Chrome中运行。

任何建议???

谢谢。

2 个答案:

答案 0 :(得分:1)

您在同一个选择器中声明了背景大小:100%?只需删除它并保留这些背景大小规则。由于双重声明,Chrome不能正确应用规则吗?

.divider { /* It is how single divider look's */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}

答案 1 :(得分:1)

我想在PARALLAX效果上说?

检查控制台有2个错误未加载:

无法加载资源:服务器响应状态为404(未找到)http://j.lookten.com/assets/css/bootstrap.css.map

代替。 jquery.min.js:5 无法加载资源:服务器响应状态为404(未找到) http://j.lookten.com/assets/js/jquery.min.map

这种情况发生在chrome