2008年4月23日

IE6 png透明背景 CSS用法

PNG透明背景圖片語法本人目前覺得比較好的解決方法(我看到有文章要大家升級成IE7,真是有點莫名奇妙,因為我自己都還是在用IE6咩!) (目前本人已經升到IE7了XD)


for IE6的語法如下>>

.Png{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=bg.png); }

備註:sizingMethod=scale, >> 如果放了這段,你的背景圖就會跟著變形



Firefox的語法就輕鬆多了

html>body .Png { background: url(bg.png) ;}

但是這個語法在IE6有個很嚴重的問題,就是在這上面的連結會失效
其實不只連結,input等等都無法點選,怎麼辦哩?

很簡單,請再加上position:relative;

例如>>
.Png a{color:#77109B; text-decoration: underline; position:relative;}

在你希望可以讓"選取、點選"生效的屬性加上position:relative;
例如input、img...等等

自己玩看看就知道囉^_^
facebook討論

0 意見:

 

One Design Copyright © 2009 BeMagazine Blogger Template is Designed by Blogger Template
In Collaboration with fifa