[Blogger筆記]Firefox及IE6同時顯示透明PNG24圖片

　 CSS跨瀏覽器範本語法

　　雖然IE6現在已經不那麼主流，還是有一定的使用率，這次的範本筆記要介紹的是讓美麗的PNG24圖片在IE6也能正常瀏覽的跨瀏覽器語法。

　　IE6僅支援PNG8及GIF格式的透明圖片，但是這兩種圖顯示時會有難看的鋸齒，顏色也不夠豐富，PNG24可以說是完美的透明圖片格式，連陰影效果都十分自然。

by雪球媽

• 令Firefox及IE6同時顯示透明PNG24圖片CSS語法

　　IE6必須用濾鏡來去除灰背，但是這種濾鏡置入圖片的語法Firefox看不懂，所以，我們要為Firefox個別寫一段背景語法，濾鏡還會有讓連結失效的問題，可用加入position: relative;解決，不過，按鈕的連結無誤，卻不會出現手形游標，此時，cursor: hand;語法就可派上用場。

.test　{
  　cursor: hand;　/*　IE6出現手形游標　*/
  　position: relative;　/*　解決連結失效問題　*/
  　background: url(http://圖片網址/test.png) no-repeat;　/*　Firefox讀取此行　*/
　_background: none;　/*　IE6讀取此行　*/
  　filter: none;　/*　Firefox讀取此行　*/
　_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://圖片網址/test.png",
  　sizingMethod='crop');　/*　IE6讀取此行　*/
}