无码一区二区三区高清在线观-无码一区二区三区高清在线-无码一区二区三区电影-无码一区二区三区不卡av-无码一区二区三区不卡-无码一区二区三区va在线播放

首頁 > 職業(yè)資格  > 

天天通訊!CSS3中的opacity屬性使用教程

2023-08-15   來源:萬能知識網(wǎng)

導語:css3中的屬性繁多,其中就有一種opacity的屬性,你知道嗎?下面的是百分網(wǎng)小編為大家搜集的CSS3中的opacity屬性使用教程,希望對你能有所幫助。

RGBA和opacity

語法:


(相關(guān)資料圖)

R:紅色值。正整數(shù) | 百分數(shù)

G:綠色值。正整數(shù) | 百分數(shù)

B:藍色值。正整數(shù)| 百分數(shù)

A:透明度。取值0~1之間

CSS Code復制內(nèi)容到剪貼板

/* IE6 - 8 */

filter: alpha(opacity=80);

/* 其他 */

opacity: 0.8;

RGBA比元素設置CSS的透明度更好,因為單獨的顏色可以在不影響整個元素的透明度,他不會影響到元素其他的屬性,比如說邊框,字體同時也不會影響到其他元素的相關(guān)透明度。

opacity的使用

opacity聲明用來設置一個元素的透明度:層、文字、圖片等…一個opacity的值為1的元素是完全不透明的,反之,值為0是完全透明的,看不見的。1到0之間的任何值都表示該元素的透明程度。

瀏覽器兼容性

opacity是瀏覽器支持最好的一個CSS3元素…當然,除了IE!

CSS3透明(例1:層)

2015819172429187.jpg (600×100)

上面的透明例子使用了下面的樣式:

CSS Code復制內(nèi)容到剪貼板

p.opacityL1 { background:#036; opacity:0.2; width:575px; height:20px; }

p.opacityL2 { background:#036; opacity:0.4; width:575px; height:20px; }

p.opacityL3 { background:#036; opacity:0.6; width:575px; height:20px; }

p.opacityL4 { background:#036; opacity:0.8; width:575px; height:20px; }

p.opacityL5 { background:#036; opacity:1.0; width:575px; height:20px; }

瀏覽器支持:

Firefox 3.05+

Google Chrome 1.0+

Internet Explorer 8-

Opera 9.6+

Safari 3.2.1+

CSS 3 透明(例2:圖片)

2015819172448337.jpg (600×180)

我們也可以在圖片上使用不同透明度的透明效果,就像上面的示例一樣。一個很酷的應用是將opacity應用到:hover上,實現(xiàn)一種鏈接的鼠標經(jīng)過效果。

CSS Code復制內(nèi)容到剪貼板

img.opacity1 { opacity:0.25; width:150px; height:100px; }

img.opacity2 { opacity:0.50; width:150px; height:100px; }

img.opacity3 { opacity:0.75; width:150px; height:100px; }

瀏覽器支持:

Firefox 3.05+

Google Chrome 1.0.154+

Internet Explorer IE8-

Opera 9.6+

Safari 3.2.1+

詞條內(nèi)容僅供參考,如果您需要解決具體問題
(尤其在法律、醫(yī)學等領(lǐng)域),建議您咨詢相關(guān)領(lǐng)域?qū)I(yè)人士。

標簽

透明度

推薦詞條

主站蜘蛛池模板: 巨胸爆乳美女露双奶头挤奶 | 精品久久久久久无码人妻vr | 美国毛片免费一级久久99国产精品一区二区 | 免费伦理电影在线观看 | 欧日韩美香蕉在线观看 | 日韩亚洲AV无码波多野结衣 | 日韩国产欧美在线播放字幕 | 精品午夜一区二区三区在线观看 | 国产精品乱码高清在线观看 | a级无码毛片久久18精品 | 丁香五月天的最新地址 | 国产午夜毛片一区二区三区 | 色综合成人 | 少妇做爰特黄A片免费看9588 | 国产日韩一区二区三区免费观看 | 成人做爰高潮A片免费视频 成人做爰免费看视频韩国 成人做爰片免费网站 | 欧美黄黄黄AAA片片 欧美黄片一区二区视频 | 视频一区二区欧美日韩在线 | 老太奶性BBWBBW在线观看 | 另类自拍| 亚洲av无码国产一区二区三区 | 精品无人区麻豆乱码无限制 | 国产精品成久久久久三级 | 国产乱码卡一卡2卡三卡四 国产乱码人妻一区二区三区 | 久久精品道一区二区三区 | 欧美黄网站色视频免费 | 国产精品人妻无码 | 国产亚洲精品久久久久久 | 日本精品久久久久精品三级综合亚洲一区二区三区 | 久久国产热精品波多野结衣av | 国产白丝jk被疯狂输出视频 | 亚洲欧美综合日韩字幕v在线 | 国产精品18久久久久久欧美网址 | 成人网在线看 | 国产av人人夜夜澡人人爽麻豆 | 四虎影视在线观看芭蕉 | 国产成人精品久久久久免费精品久久亚洲高清不卡 | 国产男女猛烈无遮挡A片漫画 | 性啪啪chinese东北女人 | 国产不卡一区二区久久精品 | 国产三区在线成人AV |