欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

IE6中PNGAlpha透明方法有哪些

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

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

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

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

網(wǎng)頁題目:IE6中PNGAlpha透明方法有哪些
當前地址:http://chinadenli.net/article40/goideo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)商城網(wǎng)站網(wǎng)站收錄動態(tài)網(wǎng)站企業(yè)建站外貿(mào)建站

廣告

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

微信小程序開發(fā)