完美解决 IE6 png透明问题

最新推荐文章于 2019-09-20 17:47:36 发布

墨麟Darkylin

最新推荐文章于 2019-09-20 17:47:36 发布

阅读量309

点赞数

分类专栏：随笔_前台文章标签： ie include behavior website css path

本文链接：https://blog.csdn.net/yundixiaoduo/article/details/6203720

版权

8 篇文章 0 订阅

订阅专栏

使用方法：

Follow these simple steps to add this to your page:

Copy and paste iepngfix.htc and blank.gif into your website folder.
Copy and paste this into your website's CSS or HTML:

<style type="text/css"> img, div { behavior: url(iepngfix.htc) } </style>

That CSS selector must include the tags/elements on which you want PNG support -- basically, give it a comma-separated list of tags you use. It must also include the correct path to the .HTC relative to the HTML document location (not relative to the CSS document!). For instance, yours may look like this:

<style type="text/css"> img, div, a, input { behavior: url(/css/resources/iepngfix.htc) } </style>
If your site uses subfolders, open the .HTC file in a text editor like Windows Notepad and change the blankImg variable to include a correct path to blank.gif like so:

IEPNGFix.blankImg = '/images/blank.gif';

Again the path is relative to the HTML file. Otherwise, you will see a "broken image" graphic!
If you want support for CSS1 background-repeat and background-position, make sure you include the add-on .JS file in your <head>:

<script type="text/javascript" src="iepngfix_tilebg.js"></script>

Otherwise, background images will work but won't repeat or position.
Sit back and enjoy! Perhaps consider making a donation to support this script's development if you like what you see, as I have spent hundreds of hours developing, testing and supporting it :). Alternatively, I would certainly appreciate a crediting link on your site back to mine!