Can I have gradients with alpha channel in IE8 and most other browsers
I am using the following code
:
-moz-linear-gradient(top , rgba(255,255,255,1), rgba(255,255,255,0));
But I would like to implement a similar gradient
in the `other browsers. My problem is that I don't know if I can use the alpha channel and I don't want to use images I wou开发者_如何学运维ld just like to do it with code only.
Can someone tell me if it's possible.
Hope you can help
you'd have to create partially transparent pngs or look at using the filters MS provide (though they are much maligned I should add...)
'cross' browser gradients
Personally these are decoration facets that IMO don't destroy the exerpince of a site - to that end when possible I wouldn't even bother - IE9 will take up significant market share within 12 months and all the work you are about to do won't be needed anymore
Check out CSS3 PIE, it handles this fairly well for IE, although it requires position
to be set, and can break on elements that get hidden, and there's a short delay when rendering the gradient...
Webkit has a different approach to linear-gradient, you can see an example on the link.
精彩评论