我为webkit背景图像创建了以下线性渐变:-webkit-repating-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 62px, black 62px, black 63px);,但不确定如何在Opera,mozilla等中创建相同的样式。有人可以建议如何实现吗?

最佳答案

background: -moz-linear-gradient(top, rgba(0,0,0,1) 62px, rgba(0,0,0,1) 63px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(62px,rgba(0,0,0,1)), color-stop(63px,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 62px,rgba(0,0,0,1) 63px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 62px,rgba(0,0,0,1) 63px); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 62px,rgba(0,0,0,1) 63px); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 62px,rgba(0,0,0,1) 63px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

关于css - 如何将Webkit线性渐变应用于所有其他前缀?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17855412/

10-12 00:49
查看更多