有关透明css的代码,求解释

发布网友 发布时间：2022-04-06 11:18

我来回答

共2个回答

热心网友 时间：2022-04-06 12:47

background:rgba(99, 55, 11, 0.2);

rgba是css3引入的颜色模式，你打开photoshop随便取个颜色在调色板中都能看到该颜色的rgb值，你发的代码中r=99、g=55、b=11，最后那个0.2是rgba中a的值，即透明度0.2。第一句通俗的说就是你给了一个元素背景色为r99 g55 b11，然后让它透明至原来颜色的两成。

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);

由于ie低版本不支持css3的rgba颜色模式，但ie有专有滤镜(你在css中看到filter:xxx都是ie专有的滤镜，其它浏览器不支持)，这个专有滤镜也能让元素透明，接着在rgba后面写这句滤镜就是当低版本ie不支持头一句时，就用第二句的效果，不过你发这句不是让ie下透明，而是显示一个渐变色。追问　　那如何实现透明呢？
　　我之前是这样写的：background-color:hsla(0,0%,100%,.5); //由于hsla不支持ie9以下的版本
　　//所以我同事给了我这段代码，但他解释不清楚
　　//我想要的效果是点击后外围出现一圈透明效果；
　　谢谢您的回答！

追答百度：ie透明滤镜。把第二行换成你找到的代码。

热心网友 时间：2022-04-06 14:05

FILTER:progid:DXImageTransform.Microsoft.Gradient使用
语法：
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)

属性：
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false
　　true: 默认值。滤镜激活。
　　false:滤镜被禁止。

startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
　　其格式为
#AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG
指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF
是完全不透明。超出取值范围的值将被恢复为默认值。
　　取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。

EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。