小編給大家分享一下css不透明度的設(shè)置方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司是一家專注于成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計(jì),白銀區(qū)網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:白銀區(qū)等地區(qū)。白銀區(qū)做網(wǎng)站價(jià)格咨詢:18982081108

css不透明度的設(shè)置方法：首先創(chuàng)建一個(gè)HTML示例文件；然后用img標(biāo)簽引入圖片；最后在style標(biāo)簽中添加css樣式為“opacity: 0.5;”即可設(shè)置圖片的透明度。

css可以使用filter:alpha()與opacity兩種方式設(shè)置不透明度，直接利用opacity設(shè)置不透明度的時(shí)候其大小范圍為0-1，使用filter:alpha()設(shè)置時(shí)大小范圍在1-100之間。

filter:alpha()與opacity一樣都是設(shè)置透明度的，但是opacity 在IE8及以下是不兼容的；所以要設(shè)置filter屬性

a:hover {  opacity: 1;  filter: alpha(opacity=100);}

當(dāng)直接利用opacity設(shè)置透明度的時(shí)候其大小范圍為0-1之間，為1的時(shí)候?yàn)椴煌该?，?dāng)利用filter:alpha()設(shè)置opacity的時(shí)候其大小范圍為0-100之間，為100的時(shí)候?yàn)椴煌该?/p>

filter:alpha()的基本屬性

filter：alpha（opacity，finishopacity，style，startX，startY，finishX，finishY）.

opacity：透明度級(jí)別，范圍是0-100，0代表完全透明，100代表完全不透明。

finishopacity：設(shè)置漸變的透明效果時(shí)，用來指定結(jié)束時(shí)的透明度，范圍也是0 到 100。

style：設(shè)置漸變透明的樣式，值為0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長(zhǎng)方形。

startX和startY：代表漸變透明效果的開始X和Y坐標(biāo)。

finishX和finishY：代表漸變透明效果結(jié)束X和Y 的坐標(biāo)。

opacity屬性：

opacity: value|inherit;

value 規(guī)定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。

inherit 應(yīng)該從父元素繼承 opacity 屬性的值。

示例：

圖像透明度

opacity 屬性規(guī)定元素的透明度。值越低，越透明：

50% 不透明度的圖像：

效果：

以上是“css不透明度的設(shè)置方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！