CSS 半全透明度设定梳理总结[Firefox,IE,Chrome,Safar

2021-03-14 03:24 jianzhan
IE:
filter:alpha(opacity=sqlN)
在其中 sqlN的值域为[0, 100]

Firefox:
-moz-opacity:sqlN
在其中sqlN的值域为[0, 1]

Chrome和Safari:
opacity:sqlN
在其中sqlN的值域为[0, 1]

针对Firefox来讲,用opacity就可以进行全透明化设定了,因此上面的-moz-opacity参照1下。
也有请留意,上面的特性会将元素内的全部內容都全透明化,包含文本与照片,因此假如要想情况半全透明的话,现阶段强烈推荐的方式是用PNG照片做情况。
1般不考虑到IE6适配性,假如要考虑到IE6的适配性请在网络上检索PNG JS,会有1些javascript可以提升IE6下的PNG半全透明,在我的QQ室内空间中也是有有关的编码。这里不论述了