IE6中PNGAlpha透明方法有哪些

今天就跟大家聊聊有關IE6中PNG Alpha透明方法有哪些，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

在文縣等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供做網站、成都做網站網站設計制作按需策劃設計,公司網站建設,企業(yè)網站建設,品牌網站設計,網絡營銷推廣,成都外貿網站建設,文縣網站建設費用合理。

很多人說IE6不支持PNG透明，其實IE支持100%透明的PNG，瘋狂的IE6只是不支持png的Alpha透明。
這個BUG給我們帶來了很大的困擾。
但是這仍然存在很多問題，比如半透明的PNG背景圖片。
小編整理了4種IE6中PNG Alpha透明的方法：
第一種方法：AlphaImageLoader 篩選器
微軟給出了一個解決方案：http://support.microsoft.com/kb/294714/zh-cn

使用簡介：在每個標簽樣式中插入 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’image.png’, sizingMethod=’scale’)
注意事項:
AlphaImageLoader難以實現插入圖片<img src=”.png”/>透明
AlphaImageLoader方法用于背景圖片上,實現background-image的效果
AlphaImageLoader IE8不支持
因為IE7支持AlphaImageLoader,避免沖突建議使用CSS hack區(qū)分開,只針對IE6使用
測試實例：http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_AlphaImageLoader/index.html

第二種方法：PNG Transparency in IE
使用簡介：相對來說比較簡潔，使用一段包含濾鏡的JavaScript 就可以模擬圖片或背景 PNG alpha 透明度
注意事項:
根目錄的spacer.gif透明圖片作為png圖片的替換,寫在JavaScript中的spacer.gif路徑根據需要調整
PNGTransparncyinIE方法在背景應用上只能做到background-image的效果, 背景重復坐標調用等暫時實現不了
官方原文：http://codingforums.com/archive/index.php?t-80555.html
測試實例：http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_PNGTransparncyinIE/index.html

第三種方法：IE PNG Fix v1.0 / 2.0 Alpha 3
這是目前最新版本，今天重點介紹的一個方法。
使用簡介：頁面標簽使用behavior:url(”iepngfix.htc”);來調用外部包含js、css的iepngfix.htc文件來修正PNG alpha 透明度。
測試實例1：http://www.css88.com/demo/IE6_bug/IE6_bug_2/IE6_bug_2.html
測試實例2（官方，e文）：http://www.css88.com/demo/IE6_bug/IE6_bug_2/iepngfix.html
* 支持<img src=”">元素。
* 支持的背景PNG圖像（不像許多其他的腳本！）
* 支持CSS1背景重復和位置（通過可選插件）
* 背景圖像可以被界定內置或在外部的樣式表。
* 自動處理改為鋼骨混凝土/背景通過正常的JavaScript （例如鼠標懸停翻車） -沒有特殊的編碼需要。
* 改變支持包括CSS的’類別’的變化因素。
* 采用自動變通的<a href=”">要素巴布亞新幾內亞背景因素。
* 微小的腳本（快速下載）。
* 領有牌照的下一個自由軟件許可證。
如何使用 Follow these simple steps to add this to your page:遵循這些簡單的步驟，將此添加到您的網頁：
1. 復制并粘貼iepngfix.htc和blank.gif到您的網站文件夾中。
2. 復制并粘貼到您的網站的CSS或HTML ：
<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
</style>
這的CSS選擇器必須包含標簽/內容要巴布亞新幾內亞支持-基本上，給它一個逗號分隔的清單上的標簽使用。它還必須包括正確的路徑。宏達相對H TML文件的位置（不相對的CSS文件！）。例如，你可能看起來像這樣：
<style type="text/css">
img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }
</style>
3. 如果您的網站使用的子文件夾，打開。宏達文件在文本編輯器如Windows記事本，并改變blankImg變數，包括正確道路blank.gif像這樣：
IEPNGFix.blankImg = '/images/blank.gif';
同樣的路徑是相對的HTML文件。否則，你將看到一個“破碎的形象”的圖形！
4. 如果你想支持CSS1背景重復和背景位置，請務必包括附加。 js文件在您<head> ：
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
否則，背景圖片可以工作，但不會重復或立場。
5. 可以舒舒服服地坐下欣賞！也許考慮捐助，以支持該腳本的發(fā)展如果你喜歡您所看到的，因為我花了數百小時的開發(fā)，測試和支持它：）。另外，我一定會感謝一個入鏈接您的網站到地雷！
官方原文：http://www.twinhelix.com/css/iepngfix/
如果你有興趣了解更多信息或另一種方法激活的腳本保持審定的CSS相容性，看到源代碼演示文件。
———————————————————————–
如何解決共同問題
1.我已經貼在CSS中，但我pngs并不透明！
請務必記住，路徑個文件是相對于HTML文件，而不是的CSS文件（如的CSS背景圖像）。如果您想要測試的路徑，插入： alert('This works!');進入。宏達文件。
2.它的工程離線而不是在線。
第一次嘗試解壓這個預設的示范和上傳到Web服務器原樣。如果它不工作，您可能有一個MIME類型的問題。您必須確保您的服務器發(fā)送正確的MIME類型“文本/的X組成部分”的。宏達文件。嘗試之一，這兩個容易修復程序：
3.上傳的。 “ htaccess ”文件，該腳本的下載壓縮到Web服務器上，這將使阿帕奇發(fā)出正確的MIME類型。
4.而不是所謂的“ IEPNGFIX.HTC ”從你的CSS ，上傳IEPNGFIX.PHP的同一文件夾中，并呼吁不是，這也發(fā)出了正確的MIME類型。
5.我pngs是透明的，但有一個有趣的邊界或紅色的“ X ”圖標。
檢查blankImg變量設置正確的。宏達文件，再次相對應的HTML文件，載PNGs 。
圖像扭曲，或此腳本休息，我的網頁布局。
當適用于圖像沒有設置方面，該腳本將嘗試與“猜測”正確的圖像尺寸和適用的。如果它獲得做錯了什么，給您一個明確的圖像width 。
鏈接或表單元素一個png，d元素是不能點擊。
測試實例1：http://www.css88.com/demo/IE6_bug/IE6_bug_2/IE6_bug_2.html
測試實例2（官方，e文）：http://www.css88.com/demo/IE6_bug/IE6_bug_2/iepngfix.html

第四種方法：IE PNG Fix v1.0 / 2.0 Alpha 3
使用簡介：ie7/ie8-js是一個解決IE與W3C標準的沖突的JS庫，使微軟的IE的行為像一個Web標準兼容的瀏覽器，支持更多的W3C標準。
測試實例：http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_ie7-js/index.html

看完上述內容，你們對IE6中PNG Alpha透明方法有哪些有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯行業(yè)資訊頻道，感謝大家的支持。

網頁題目：IE6中PNGAlpha透明方法有哪些
當前地址：http://bm7419.com/article40/goideo.html

成都網站建設公司_創(chuàng)新互聯，為您提供電子商務、商城網站、網站收錄、動態(tài)網站、企業(yè)建站、外貿建站

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容