溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

通過CSS創(chuàng)建透明圖像

發(fā)布時間:2020-05-22 17:34:01 來源:億速云 閱讀:213 作者:鴿子 欄目:web開發(fā)

實例 1 - 創(chuàng)建透明圖像

定義透明效果的 CSS3 屬性是 opacity。

首先,我們將展示如何通過 CSS 來創(chuàng)建透明圖像。

常規(guī)圖像:

通過CSS創(chuàng)建透明圖像

帶有透明度的相同圖像:

通過CSS創(chuàng)建透明圖像

請看下面的 CSS:

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

IE9, Firefox, Chrome, Opera 和 Safari 使用屬性 opacity 來設定透明度。opacity 屬性能夠設置的值從 0.0 到 1.0。

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

以上就是怎么使用CSS做圖像透明的詳細內(nèi)容,更多請關注億速云其它相關文章!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

css
AI