2023年6月21日发(作者：)
CSS实现PNG图⽚背景透明效果使⽤PNG图⽚作背景,但ie6不能显⽰PNG透明效果,所以要⽤AlphaImageLoader滤镜来实现. 在CSS⽂件中要注意图⽚相对路径:滤镜中的图⽚路径是相对页⾯⽂件,⽽其它的则是相对CSS⽂件(注意加粗字). ⽤这滤镜后IE下链接会失效,⽤ position: relative;解决这个问题.以下是代码例⼦:代码: < html xmlns ="/1999/xhtml" > < head runat ="server" > < title > ⽆标题页 < link href ="css/" rel ="stylesheet" type ="text/css" /> < body > < form id ="form1" runat ="server" > < div id ="wrap" >
css/:
#wrap { margin: auto; padding: 8px; text-align: center; width: 880px; height: 606px; } /*not for ie 6.0*/ html > body #wrap { background: url(../css/img/) no-repeat left top; } /*for ie 6.0*/ * html #wrap { filter: progid:mageLoader(enabled=true, sizingMethod=scale, src= "css/img/" ); background: none; } #wrap a { color: #c00; text-decoration: none; position: relative; } /*解决IE下链接失效的问题*/ #wrap a:hover { text-decoration: underline; }
2023年6月21日发(作者：)
CSS实现PNG图⽚背景透明效果使⽤PNG图⽚作背景,但ie6不能显⽰PNG透明效果,所以要⽤AlphaImageLoader滤镜来实现. 在CSS⽂件中要注意图⽚相对路径:滤镜中的图⽚路径是相对页⾯⽂件,⽽其它的则是相对CSS⽂件(注意加粗字). ⽤这滤镜后IE下链接会失效,⽤ position: relative;解决这个问题.以下是代码例⼦:代码: < html xmlns ="/1999/xhtml" > < head runat ="server" > < title > ⽆标题页 < link href ="css/" rel ="stylesheet" type ="text/css" /> < body > < form id ="form1" runat ="server" > < div id ="wrap" >
css/:
#wrap { margin: auto; padding: 8px; text-align: center; width: 880px; height: 606px; } /*not for ie 6.0*/ html > body #wrap { background: url(../css/img/) no-repeat left top; } /*for ie 6.0*/ * html #wrap { filter: progid:mageLoader(enabled=true, sizingMethod=scale, src= "css/img/" ); background: none; } #wrap a { color: #c00; text-decoration: none; position: relative; } /*解决IE下链接失效的问题*/ #wrap a:hover { text-decoration: underline; }
发布评论