css如何設(shè)置透明度(兼容ie,firefox)

css設(shè)置透明度，首先需要知道的是在瀏覽器中的不同使用，一般在ie中用的是filter:alpha(opacity=0);這個屬性來設(shè)置div或者是塊級元素的透明度，而在firefox中，一般就是直接使用opacity:0,對于兼容的，一般的做法就是在書寫css樣式的將2個都寫上就行，就能實現(xiàn)兼容，具體看代碼：

成都服務(wù)器托管，創(chuàng)新互聯(lián)建站提供包括服務(wù)器租用、服務(wù)器托管機柜、帶寬租用、云主機、機柜租用、主機租用托管、CDN網(wǎng)站加速、域名申請等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢：028-86922220

html

head

#div1{

width:200px;

height:600px;

margin:0 auto;

opacity:0;

filter:alpha(opacity=0); //0 代表的是隱藏，就是透明度最低。

}

/head

body

div id='div1'

p測試文字。/p

/div

/body

/html

css中如何設(shè)置透明度？

怎樣在CSS樣式中設(shè)置背景的透明度,下面一個具體的實例。把類為box的層設(shè)為透明。

div class="box"/div

style

.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; ?-moz-opacity:0.3;-khtml-opacity: 0.3}

/style

其中background:#000; filter:alpha(opacity:30); opacity:0.3;為關(guān)鍵代碼，當(dāng)opacity值為1時，表示完全不透明，為0時表示完全透明。

其關(guān)的屬性介紹如下:

opacity: 0.3；這是“最重要的”，因為它是在CSS的現(xiàn)行標(biāo)準(zhǔn)。這將在Firefox，Safari和Opera的大多數(shù)版本的工作。這將是你所需要的一切如果所有的瀏覽器都支持目前的標(biāo)準(zhǔn)。當(dāng)然是他們不會錯。

filter:alpha(opacity=30);這一個是針對IE瀏覽器

-moz-opacity:0.3;你需要這一個支持老版本的Mozilla瀏覽器如Netscape Navigator。

-khtml-opacity: 0.3;這是舊版本的Safari（1.×）當(dāng)渲染引擎是使用仍被稱為kthml，而不是目前的WebKit。

誰知道css 在IE8下全透明怎么設(shè)置，大神求解

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

這是ie8和ie9的透明度設(shè)置

分享標(biāo)題：ie8css透明度樣式,ie8透明度css3
本文網(wǎng)址：http://chinadenli.net/article13/dsgcsgs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、網(wǎng)站策劃、標(biāo)簽優(yōu)化、外貿(mào)建站、網(wǎng)頁設(shè)計公司、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)