IE6中PNG Alpha全透明(全集)

日期:2021-03-22 类型:科技新闻 

关键词:开发一个小程序多少钱,凡科轻站小程序,微信群抽奖小程序,小程序登录页面,微信小程序 微店

许多人说IE6不适用PNG全透明,实际上IE适用100%全透明的PNG,瘋狂的IE6只是不适用png的Alpha全透明。
这个BUG给大家带来了很大的困扰。
可是这依然存在许多难题,例如半全透明的PNG情况照片。
Gulu77梳理了4种IE6中PNG Alpha全透明的方式:
检测案例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_IE6png8/index.html
这里用IE6检测,插进的照片和情况照片沒有全透明。

第1种方式:AlphaImageLoader 挑选器
微软得出了1个处理计划方案: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区别开,只对于IE6应用
检测案例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_AlphaImageLoader/index.html

第2种方式:PNG Transparency in IE
应用简介:相对性来讲较为简约,应用1段包括滤镜的JavaScript 便可以仿真模拟照片或情况 PNG alpha 全透明度
留意事项:
根文件目录的spacer.gif全透明照片做为png照片的更换,写在JavaScript中的spacer.gif相对路径依据必须调剂
PNGTransparncyinIE方式在情况运用上只能保证background-image的实际效果, 情况反复座标启用等临时完成不上
官方原文:http://codingforums.com/archive/index.php?t⑻0555.html
检测案例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_PNGTransparncyinIE/index.html

第3种方式:IE PNG Fix v1.0 / 2.0 Alpha 3
这是现阶段全新版本号,今日关键详细介绍的1个方式。
应用简介:网页页面标识应用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=”">要素巴布亚新几内亚情况要素。
* 细微的脚本制作(迅速免费下载) 。
* 有着支付牌照的下1个随意手机软件批准证。
怎样应用 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挑选器务必包括标识/內容要巴布亚新几内亚适用-基础上,给它1个逗号隔开的清单上的标识应用。它还务必包含正确的相对路径。宏达相对性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文档。不然,你将看到1个“粉碎的形象”的图型!
4. 假如你想适用CSS1情况反复和情况部位,请尽量包含额外。 js文档在您<head> :
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
不然,情况照片能够工作中,但不容易反复或观点。
5. 能够舒舒适服地坐下赏析! 或许考虑到捐赠,以适用该脚本制作的发展趋势假如你喜爱您所看到的,由于我花了数百小时的开发设计,检测和适用它: ) 。 此外,我1定会谢谢1个入连接您的网站到地雷!
官方原文:http://www.twinhelix.com/css/iepngfix/
假如你有兴趣爱好掌握更多信息内容或另外一种方式激活的脚本制作维持审定的CSS相容性,看到源码演试文档。
———————————————————————–
怎样处理相互难题
1.我早已贴在CSS中,但我pngs其实不全透明!
请尽量记牢,相对路径个文档是相对HTML文档,而并不是的CSS文档(如的CSS情况图象) 。 假如您要想检测的相对路径,插进: alert('This works!');进到。宏达文档。
2.它的工程项目线下而并不是线上。
第1次尝试解压这个预设的示范性和提交到Web服务器原样。 假如它不工作中,您将会有1个MIME种类的难题。您务必保证您的服务器推送正确的MIME种类“文字/的X构成一部分”的。宏达文档。 尝试之1,这两个非常容易修补程序流程:
3.提交的。 “ htaccess ”文档,该脚本制作的免费下载缩小到Web服务器上,这将使阿帕奇传出正确的MIME种类。
4.而并不是所谓的“ IEPNGFIX.HTC ”从你的CSS ,提交IEPNGFIX.PHP的同1文档夹中,并号召并不是,这也传出了正确的MIME种类。
5.我pngs是全透明的,但有1个趣味的界限或鲜红色的“ X ”标志。
查验blankImg自变量设定正确的。宏达文档,再度相对性应的HTML文档,载PNGs 。
图象歪曲,或此脚本制作歇息,我的网页页面合理布局。
当可用于图象沒有设定层面,该脚本制作将尝试与“猜想”正确的图象规格和可用的。假如它得到做错了甚么,给您1个确立的图象width 。
连接或表模块素1个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

第4种方式:IE PNG Fix v1.0 / 2.0 Alpha 3
应用简介:ie7/ie8-js是1个处理IE与W3C规范的矛盾的JS库,使微软的IE的个人行为像1个Web规范适配的访问器,适用更多的W3C规范。
官方原文:http://code.google.com/p/ie7-js/
检测案例:http://www.css88.com/demo/IE6_bug/IE6_bug_2/test_ie7-js/index.html

上一篇:高新科技兴 返回下一篇:没有了