本篇內(nèi)容介紹了“CSS中怎么實(shí)現(xiàn)Firefox與IE透明度”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

海陵網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,海陵網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為海陵上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的海陵做網(wǎng)站的公司定做！

CSS中實(shí)現(xiàn)Firefox與IE透明度(opacity)的不同方法

Dreamweaver提供的透明度樣式只能支持IE,想要在Firefox下實(shí)現(xiàn)，需要自己手寫。如下：

1.IE6設(shè)置透明度

CSS設(shè)置

filter:alpha(opacity=50);

javascript設(shè)置

IESpanJs.style.filter=“alpha(opacity=50)”;

2.Firefox3.5設(shè)置透明度

Firefox3.5支持CSS3，已經(jīng)不對(duì)原來(lái)的透明度樣式(-moz-opacity)提供支持（網(wǎng)上查的），在本人的Firefox3.5.5上測(cè)試后，發(fā)現(xiàn)確實(shí)如此，現(xiàn)在的透明度設(shè)置為：

CSS設(shè)置

opacity:0.5;

javascript設(shè)置

FirefoxSpanJs.style.mozOpacity=“0.5″;

3.Firefox3.5以前版本設(shè)置透明度

CSS設(shè)置

-moz-opacity:0.5;

javascript設(shè)置

FirefoxSpanJs.style.mozOpacity=“0.5″;

4.demo代碼

         .IECSS {   display:-moz-inline-box;   display:inline-block;   width:100;   height:100;   background-color:red;   filter:alpha(opacity=50);   }   .Firefox35CSS {   display:-moz-inline-box;   display:inline-block;   width:100;   height:100;   background-color:blue;   opacity:0.5;   }   .FirefoxCSS {   display:-moz-inline-box;   display:inline-block;   width:100;   height:100;   background-color:yellow;   -moz-opacity:0.5;   }                           IE_CSS   Firefox3.5_CSS   Firefox_CSS   
   
   IE_Js   Firefox3.5_Js   Firefox_Js      

“CSS中怎么實(shí)現(xiàn)Firefox與IE透明度”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！