使用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下鏈接失效的問題*/
{}
{
}