CSS渐变问题,仅适用于Firefox和Safari

时间:2013-11-22 22:52:07

标签: linear-gradients css

我做了一个(在我的情况下很漂亮)半透明渐变背景,但我只能在Firefox和Safari中使用它。

火狐:

linear-gradient(to bottom, #FFFFFF 0%, rgba(0, 0, 0, 0) 500px) repeat fixed 0 0 rgba(0, 0, 0, 0)

现在的问题是,在所有其他浏览器中 IE10,Chrome和Opera 最后一个rgba(0,0,0,0)叠加层似乎被忽略,这导致渐变的光芒变暗了。

其他浏览器的代码:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(500px,rgba(0,0,0,0))) repeat fixed 0 0 rgba(0, 0, 0, 0); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 500px) repeat fixed 0 0 rgba(0, 0, 0, 0); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 500px) repeat fixed 0 0 rgba(0, 0, 0, 0); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 500px) repeat fixed 0 0 rgba(0, 0, 0, 0); /* IE10+ */ 

如何为Chrome,Opera和Internet-Explorer 10获取最后一个黑暗层? 你看错了吗?我想简写代码有问题或根本不可能?

0 个答案:

没有答案