在編寫網(wǎng)站時(shí)，我們經(jīng)常需要使用透明度來達(dá)到一些特殊的效果。但是，在IE8瀏覽器中設(shè)置透明度卻有些麻煩。下面我們來介紹一下在IE8中設(shè)置透明度的方法。
首先，需要注意的是，IE8瀏覽器不支持opacity屬性。但是，它支持一種名為“filter”的特殊屬性，可以實(shí)現(xiàn)透明度的效果。下面是一個(gè)示例代碼：
<div style="filter:alpha(opacity=50);"> <p>這是一段具有50%透明度的文字。</p> </div>在上面的代碼中，我們使用了“filter:alpha(opacity=50);”這一屬性來設(shè)置透明度。其中，“opacity=50”表示透明度為50%。需要注意的是，這個(gè)值必須是一個(gè)0到100之間的整數(shù)。 如果你希望設(shè)置的是一個(gè)非整數(shù)的透明度，可以使用“filter:alpha(opacity=X)”這一代碼，其中X表示一個(gè)0到100的任意數(shù)字，但必須是兩位數(shù)。例如，“filter:alpha(opacity=65)”表示透明度為65%。 需要注意的是，如果在同一個(gè)標(biāo)簽中使用了opacity和filter兩個(gè)屬性，那么opacity屬性會(huì)被忽略。因此，在IE8瀏覽器中設(shè)置透明度時(shí)，一定要選擇一個(gè)屬性使用。 同時(shí)，如果需要設(shè)置整個(gè)頁面的透明度，可以使用下面的代碼：
<body style="filter:alpha(opacity=50);"> <p>這是一段具有50%透明度的文字。</p> </body>在上面的代碼中，我們將透明度設(shè)置在了整個(gè)頁面的body標(biāo)簽上。需要注意的是，如果頁面中有其他元素使用了不同的透明度，那么它們各自的透明度會(huì)進(jìn)行疊加。這一點(diǎn)需要注意。
下一篇css三種樣式語法