css opacity 透明度

wind3110991 發(fā)布于2019-08-29 11:22 / 2743人閱讀

摘要：屬性用來設(shè)置一個元素的透明度，例如文字圖片背景等。目前主流的瀏覽器都支持寫法，取值為，為完全透明，為完全不透明。例針對以及更早的版本

Opacity屬性用來設(shè)置一個元素的透明度，例如文字、圖片、背景等。目前主流的瀏覽器都支持opacity:value寫法，value取值為0-1，0為完全透明，1為完全不透明。需要注意的是在IE8及之前的版本中是不支持這種寫法，那么我們可以通過濾鏡來解決 filter:alpha(opacity=value)，value取值為0-100，0為完全透明，100為完全不透明。
例：

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 針對 IE8 以及更早的版本 */
}

云服務(wù)器 GPU云服務(wù)器透明css css透明 opacity 透明度

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111606.html

相關(guān)文章

css透明度之rgba和opacity的區(qū)別及兼容

摘要：對于設(shè)置透明度，我們有兩個可以選的屬性和用法和使用屬性來設(shè)定透明度。值越小，越透明。參數(shù)是介于完全透明與完全不透明的數(shù)字。注意如果在里面同時使用這兩種方法時，會造成沖突而無法做到透明度的實現(xiàn)。說明了子元素會繼承父元素的屬性對于設(shè)置透明度，我們有兩個可以選的css3屬性：rgba 和 opacity opacity 用法： #box{ background-color:rgb(...

genedna 2019-08-30 15:55 評論0 收藏0
基于CSS3實現(xiàn)淡入（fadeIn）淡出（fadeOut）效果

摘要：網(wǎng)上的淡入淡出效果大多是依照中和的方法使用來控制元素的透明度達到目的，但缺點是有輕微的卡頓感，并且運行效率一般。思路是將淡入，淡出的效果做成預(yù)先定義好的樣式類，然后用改變元素的類來達到圖片輪播。網(wǎng)上的淡入淡出效果大多是依照jquery中fadeIn和fadeOut的方法使用js來控制元素的透明度達到目的，但缺點是有輕微的卡頓感，并且運行效率一般。這里提供另外一個思路，即通過預(yù)先定義...

XUI 2019-08-21 10:36 評論0 收藏0
CSS半透明效果的屬性和場景

摘要：在中與半透明效果相關(guān)的屬性有兩個和。屬性的值規(guī)定透明度。以及更早的版本支持替代的屬性。接下來通過場景來描述半透明效果的實現(xiàn)。圖片出現(xiàn)半透明效果，如果將文字設(shè)置為白色，文字的半透明效果會很小。在CSS中與半透明效果相關(guān)的屬性有兩個：opacity和rgba。opacity屬性的值規(guī)定透明度。從 0.0 （完全透明）到 1.0（完全不透明）。設(shè)置opacity元素的所有后代元素會隨著一起...

NoraXie 2019-08-30 15:53 評論0 收藏0
Background背景色透明RGBA和opacity的對比實例（轉(zhuǎn)載）

摘要：瀏覽器的兼容性如果龐統(tǒng)說是制作透明色透明背景色透明邊框色透明前景色等，大家不由會想起這個東西。 Background背景色透明RGBA時間:2013-03-16 00:44│來自: 信有UED│作者:JUN│點擊:9704次RGB不用說，大家都知道是什么，但RGBA是什么呢？ 1 2 background : rgb ( 0 , 0 , 0 ) ; background : rgba ...

Pines_Cheng 2019-08-02 15:55 評論0 收藏0
Background背景色透明RGBA和opacity的對比實例（轉(zhuǎn)載）

摘要：瀏覽器的兼容性如果龐統(tǒng)說是制作透明色透明背景色透明邊框色透明前景色等，大家不由會想起這個東西。 Background背景色透明RGBA時間:2013-03-16 00:44│來自: 信有UED│作者:JUN│點擊:9704次RGB不用說，大家都知道是什么，但RGBA是什么呢？ 1 2 background : rgb ( 0 , 0 , 0 ) ; background : rgba ...

jindong 2019-08-30 13:04 評論0 收藏0