CODEWITHSUNDEEP
css
Hard Rain
Hard Rain

Reputation: 1410

How to make this css crossbrowser?

I don't know, how to make this code crossbrowser: (it works only in safari and chrome)

http://jsfiddle.net/MWYnP/

body {
    padding: 10px 9px;
    background: -webkit-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
    -webkit-background-size: 7px 1px;   
}​

Upvotes: 0

Views: 71

Answers (2)

Fabio
Fabio

Reputation: 2094

Try with this:

body {
padding: 10px 9px;
background: -moz-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: -ms-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: -o-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.71, #C5CCD4), color-stop(0.71, #CBD2D8), to(#CBD2D8));
background: -webkit-linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background: linear-gradient(left, #C5CCD4 71%, #CBD2D8 71%, #CBD2D8 100%);
background-size: 7px 1px;
-moz-background-size: 7px 1px;
-o-background-size: 7px 1px;
-webkit-background-size: 7px 1px;
}

Upvotes: 1

Andreas Hagen
Andreas Hagen

Reputation: 2325

You could use something like this to generate your gradient: http://www.colorzilla.com/gradient-editor/. Also, don't use gradients, it is not compatible with other than the latest versions of browsers, and not even all of them. Instead make the gradient a image and repeat it.

Upvotes: 0

Related Questions