設定html元素的透明度

2021-05-23 14:55:22 字數 460 閱讀 7822

w3c標準屬性是opacity,firefox支援,但ie卻不支援該屬性。

在ff3.5++,safari4,opera10,chrome4中測試都支援opacity。如設定div的透明度為40%:

ie下複雜些:

1、ie4-ie7使用filter: alpha(opacity=xx),但要同時使該元素擁有haslayout

2、ie8下也可以用上面的filter: alpha(opacity=10),且不用設定zoom使元素擁有layout。同時ie8可以使用-ms-filter屬性。如

-ms-filter: "alpha(opacity=10)"; /* ie 8 */

詳見:https://developer.mozilla.org/en/css:-moz-opacity

ps : ie9 beta已經支援opacity屬性(2010-7-14)

CSS設定div元素的透明度

在ie中需要通過 filter 來定義透明度 opacity 而在mozilla中是可以直接解析 opacity 所以如果要使得這個效果在兩種瀏覽器中都得到支援,需要把兩種設定都加進去。div 用下面的樣式表定義你的div可以有各種過度效果。alpha是div的class.精心開發5年的ui前端框架...

css 設定透明度

要設定某一元素的背景為透明,在 chrome firefox opera 下是這樣的 css background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度,範圍在0 1之間。在 ie 中一般是這樣的 css background color r...

CSS設定背景透明度

控制 如下 各引數含義如下 enabledenabled設定或檢索濾鏡是否啟用。stylestyle設定或檢索div背景透明漸變的樣式。opacityopacity設定或檢索透明漸變的開始透明度。finishopacityfinishopacity設定或檢索div背景透明漸變的結束透明度。start...