我做了一个(在我的情况下很漂亮)半透明渐变背景,但我只能在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获取最后一个黑暗层? 你看错了吗?我想简写代码有问题或根本不可能?