[CSS] 解決png圖檔可在IE6正常顯示
終於解決了PNG圖檔在IE6可正常執行的問題
之前有的方法必需要一個一個設定PNG的濾鏡效果
有時候甚至會讓連結失效
一直在尋找更好的方法
試了百變...經前輩工程師指導...終於會用了!
讓我高興到跳起蠢蠢的舞
方法真的很簡單,只要加了語法在頁面裡,所有背景background或img src 都可以正常執行
也不會有像蓋一層東西在網頁上讓連結失效喔!
一定要推薦這個很棒的免費自由工具 http://www.twinhelix.com/css/iepngfix/
下載範例位置 http://www.twinhelix.com/css/iepngfix/iepngfix.zip
使用步驟---------------------------------------------------------
STEP 1
複製及貼上iepngfix.htc and blank.gif 在網站的資料夾下
STEP 2
CSS增加這個設定(url路徑要對,如果是在網站下請用絕對路徑)
STEP 3
確認在iepngfix.htc檔案裡的blank.gif路徑是對的
IEPNGFix.blankImg = '/images/blank.gif';
STEP 4
在網頁裡增加這個語法(src 路徑要對)
STEP5
這些都設對以後,IE6的PNG含半透明的圖檔就可以自由使用啦!
-------------------------------------------------------------
注意
1.連結必須確認有連到
2.htc的文件路徑是相對於網頁而言,而不是css,如果不確定請在文件內加入alert('This works!'); 測試是否有連到
之前有的方法必需要一個一個設定PNG的濾鏡效果
有時候甚至會讓連結失效
一直在尋找更好的方法
試了百變...經前輩工程師指導...終於會用了!
讓我高興到跳起蠢蠢的舞
方法真的很簡單,只要加了語法在頁面裡,所有背景background或img src 都可以正常執行
也不會有像蓋一層東西在網頁上讓連結失效喔!
一定要推薦這個很棒的免費自由工具 http://www.twinhelix.com/css/iepngfix/
下載範例位置 http://www.twinhelix.com/css/iepngfix/iepngfix.zip
使用步驟---------------------------------------------------------
STEP 1
複製及貼上iepngfix.htc and blank.gif 在網站的資料夾下
STEP 2
CSS增加這個設定(url路徑要對,如果是在網站下請用絕對路徑)
STEP 3
確認在iepngfix.htc檔案裡的blank.gif路徑是對的
IEPNGFix.blankImg = '/images/blank.gif';
STEP 4
在網頁裡增加這個語法(src 路徑要對)
STEP5
這些都設對以後,IE6的PNG含半透明的圖檔就可以自由使用啦!
-------------------------------------------------------------
注意
1.連結必須確認有連到
2.htc的文件路徑是相對於網頁而言,而不是css,如果不確定請在文件內加入alert('This works!'); 測試是否有連到
留言