前端 CSS透明度屬性opacity

2021-08-28 09:26:57 字數 525 閱讀 3446

指定透明度的屬性是opacity,屬性值從 0.0 到 1.0。值越小,越透明。

img
ie9, firefox, chrome, opera 和 safari 使用屬性 opacity 來設定透明度。

ie8 以及更早的版本使用濾鏡 filter:alpha(opacity=x)。x 能夠取的值從 0 到 100。

需要注意的是該屬性用於設定整個html元素的透明度,包括背景色,前景色還有邊框都會受到影響

效果如下:

另外還可以實現乙個炫酷的小功能,滑鼠移動到上時改變透明度,滑鼠移開變回

方法就時選擇器上加上:hover偽類選擇器

img

img:hover

CSS 透明度屬性

firefox3.5已不支援私有屬性 moz opacity了,在mozilla 1.7 firefox 0.9 之前ff都是使用這個私有屬性的,firefox 0.9 firefox3同時支援 moz opacity和opacity這兩個屬性,firefox公升級到3.5之後,一些 原來有的透明沒...

css透明度屬性簡介

opacity 用法 opaticy 0 1 2.rgba 用法 rgba 0 255,0 255,0 255,0 1 透明度取值均為0 1之間。其中,0代表完全透明,1代表完全不透明。注 若取值超出範圍 小於0或大於1 那麼會就近取合法值。如取1.2則按1顯示,取負數按0顯示。舉例 html 這裡...

css 設定透明度

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