8.3日音訊,透明圖片之實(shí)用方法解析。在網(wǎng)頁制作中透明圖片是常用到的，但是ie6的瀏覽器對此支持的確不夠理想，在網(wǎng)上我們看到有用css實(shí)現(xiàn)的，有些是用js實(shí)現(xiàn)，用js感覺大材小用了，能用純css解決就css吧，以下的兩種方法都是嘗試過可行的大家可以一塊討論學(xué)習(xí)一下。

　　先將圖片存為PNG-24透明格式。

　　(圖片要絕對路徑)

　　方法一：用png圖作背景

　　要注意hack

　　html代碼

　　<divclass="logo"><ahref="/">logo</a></div>

　　css代碼

　　.logo{width:338px;height:57px;float:left;url(/images/logo.png)0px0pxno-repeat!important;text-indent:-1000px;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',senabled='true',sizingMethod='scale');}

　　標(biāo)準(zhǔn)：_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/dyimgs/wymrs/images/logo.png',enabled='bEnabled',sizingMethod='image');

　　方法二：插入png圖片，定義img

　　這個(gè)方法要準(zhǔn)備一完全透明的圖片transparent.gif，大小隨意。

　　html代碼

　　<divclass="logo"><ahref="/"><imgsrc="/images/logo.png"alt="logo"/></a></div>

　　css代碼

　　.logo{width:338px;height:57px;float:left;}

　　.logoimg{width:338px;height:57px;}

　　/*png透明兼容ie6*/

　　有時(shí)候超鏈接加了這個(gè)透明濾鏡，然后頁面上所有超級連接<ahref=""></a>全點(diǎn)不到了，解決辦法是：

　　給a加上position:relative;

　　不過這里要提醒你，你這里的image路徑是相對路徑，那么值得注意的是，這個(gè)相對路徑是根據(jù)html相對的，而不是CSS。