我使用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
任何人都可以在我的代码中看到错误以及如何解决此问题吗?
答案 0 :(得分:0)
你没有为body
设置渐变色
检查css文件http://angelaandtom.co.uk/css/style.css
您为#body-index
设置了渐变,而您的background-size
为7px
我在使用下面的链接来设置渐变的问题
http://www.colorzilla.com/gradient-editor/
Chrome,Safari4 +使用-webkit-gradient
Chrome10 +,Safari5.1 +使用-webkit-linear-gradient
并使用background