RGBA非常有趣,-webkit gradient,-moz gradient,还有程序ID:DXImageTransform.Microsoft.gradient。。。是的。:)
有没有一种方法可以将RGBA和渐变结合起来,这样就可以使用当前/最新的CSS规范实现alpha透明度的渐变
对。您可以在webkit和moz渐变声明中使用rgba:
/*webkit示例*/
背景图像:-webkit渐变(
线性,左上,左下,从(rgba(50,50,50,0.8)),
至(rgba(80,80,80,0.2)),色差(.5,#333333)
);
(src)
/*mozilla示例-FF3.6+*/
背景图像:-moz线性梯度(
rgba(255,255,255,0.7)0%,rgba(255,255,255,0)95%
);
(src)
显然,您甚至可以在IE中使用奇怪的“扩展十六进制”语法来实现这一点。第一对(在示例55中)表示不透明度级别:
/*蓝色的不透明度约为33%*/
过滤器:progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF,endColorstr=#550000FF
);
/*IE8出于任何原因使用-ms过滤器*/
-ms过滤器:progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF,endColorstr=#550000FF
);
(src)