編碼的世界 / 優質文選 / 生涯

CSS實現PNG圖片背景透明效果


2022年6月29日
-   

使用PNG圖片作背景,但ie6不能顯示PNG透明效果,所以要用AlphaImageLoader濾鏡來實現. 在CSS文件中要注意圖片相對路徑:濾鏡中的圖片路徑是相對頁面文件,而其它的則是相對CSS文件(注意加粗字). 用這濾鏡後IE下鏈接會失效,用 position: relative;解決這個問題.
以下是代碼例子:
Default.aspx代碼: <!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html 
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head 
runat
="server"
>
    
<
title
>
無標題頁
</
title
>
    
<
link 
href
="css/StyleSheet.css"
 rel
="stylesheet"
 type
="text/css"
 
/>
</
head
>
<
body
>
    
<
form 
id
="form1"
 runat
="server"
>
        
<
div 
id
="wrap"
></
div
>
    
</
form
>
</
body
>
</
html
>
 
css/StyleSheet.css: 
#wrap
{}
{ }

/**/
/*not for ie 6.0*/

{}
{ }

/**/
/*for ie 6.0*/

{}
{ }

{}
{ }
/**/
/*解決IE下鏈接失效的問題*/

{}
{ }
 
 
 
 
 
 

熱門文章