CSS前缀实现跨浏览器渐变

Question

我希望实现跨浏览器渐变，如果您检查右上角的 anchor 与我的移动网站的品牌内联运行，它的样式已使用前缀 moz for Firefox:

www.test-bed.co.uk/mobile/

background: -moz-linear-gradient(center top , #4A4A4A, #2C2C2C) repeat scroll 0 0 transparent;

请问是否有类似的方法实现IE、Opera、webkit前缀的跨浏览器渐变方案？

Answer 1

为所有现代浏览器自动生成 CSS 渐变规则的在线工具:little link .

但一般来说，这里是主要语法:

background: #color; /*fallback*/
background: -moz-linear-gradient(...);/*Firefox*/
background: -webkit-gradient(...);/*Chrome + Safari*/
background: -webkit-linear-gradient(...);/*Another Chrome + Safari*/
background: -o-linear-gradient(...); /*Opera*/
background: -ms-linear-gradient(...); /*IE10+*/
background: linear-gradient(...); /*W3C standards*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#color', endColorstr='#color',GradientType=0); /*IE6-9*/