Chrome browser not displaying background image?

I have created a background image of diagonal lines using CSS. Here is the code i am using for 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%;}

This works in all other browsers but not chrome. You can view it here; http://angelaandtom.co.uk/news.html

Can anyone see the error in my code and how I can fix this?

Answers


you dont set gradiant for body check css file http://angelaandtom.co.uk/css/style.css you set gradiant for #body-index and your background-size is 7px i've problem with that use below link to set gradient http://www.colorzilla.com/gradient-editor/ Chrome,Safari4+ use -webkit-gradient Chrome10+,Safari5.1+ use -webkit-linear-gradient and use background


Need Your Help

Cassandra in-memory configuration

cassandra

We currently evaluate the use of Apache Cassandra 1.2 as a large scale data processing solution. As our application is read-intensive and to provide users with the fastest possible response time we...

UIImagePickerController with my images

iphone objective-c uiimagepickercontroller

I'm developing an app and I wish use the UIImagePickerController but I wish let the user to choose some images saved into my app, not the photolibrary.. it's possible to do this??