Chrome浏览器无法显示背景图片?

时间:2014-01-28 13:52:37

标签: css google-chrome background

我使用CSS创建了对角线的背景图像。这是我用于chrome的代码:

 #body-news {   
 background-image: -webkit-linear-gradient(right bottom, #fff 0%, #fff 45%, #9CC 45%, #9CC  50%, #fff 50%, #fff 95%, #9CC 95%);
 background-size: 7px 7px;
 width:100%;
 height:100%;}

这适用于所有其他浏览器,但不适用于Chrome。你可以在这里查看; http://angelaandtom.co.uk/news.html

任何人都可以在我的代码中看到错误以及如何解决此问题吗?

1 个答案:

答案 0 :(得分:0)

你没有为body 设置渐变色 检查css文件http://angelaandtom.co.uk/css/style.css
您为#body-index设置了渐变,而您的background-size7px 我在使用下面的链接来设置渐变的问题 http://www.colorzilla.com/gradient-editor/
Chrome,Safari4 +使用-webkit-gradient
Chrome10 +,Safari5.1 +使用-webkit-linear-gradient并使用background