好久没遇到如此有趣的BUG了，有多有趣呢？看下面的图~ Continue reading →
Posts Tagged: IE
10
九 09
解决IE6的PNG透明问题
昨天急急忙忙就把主题应用起来了，本来想图省事不管IE6的问题的，因为看到一个很知名的设计网站在IE6中竟然出现了边栏下掉的问题～哈哈～
但是和好多朋友聊了下发现很多人还在用IE6…还有后台的访问也是高达30%+的IE6…所以还是准备解决掉IE6的PNG透明问题。
最初接触到的是这两个方法：twinhelix的iepngfix和unitpngfix，两个方法类似，都是利用一个1像素的gif透明图片来帮助PNG透明，这两个方法中iepngfix更为强大一些，看似文件多了一点，其实还是只有两个文件。而unitpngfix更简单，只有1kb的js。可是又有一个很严重的问题，当遇到定位，如float来显示并排div之类的，或者backgrond-position和background-repeat，图片会被拉伸或者变形，设置定位显示不正常。
不过利用强大的Google搜到了DD_belatedPNG，这个方法的非常强大，支持图片，支持图片背景，支持背景定位，背景重复，甚至支持a:hover，哈哈～～有救鸟～～
使用也很简单：
1.首先在这里下载完整版(12kb)或者是简略版(7kb)，我也不知道具体有什么区别，不过我用的7kb的效果一样。PS：存储的文件名不要写错了，和以下代码配套的是DD_belatedPNG.js
2.然后在你的源文件的<header></header>间加入下面的代码：
/* —-指定IE6—– */
<!–[if IE 6]>
<script src=”DD_belatedPNG.js”></script>
<script>
/* ——DD_belatedPNG.js的文件名和路径要正确 ——*/
/* ——制定CSS选择器，之间用英文逗号隔开，另外链接的伪类需要指出，如：.example a:hover 下面是我需要透明的地方 —- */
DD_belatedPNG.fix(‘#colorful img,#header,#rss img,.formcontainer’);
</script>
<![endif]–>
如果不起作用的话你看看文件名或者路径有没有写错，再者绝对路径还有相对路径要弄清楚，还有加在<header></header>要小心不要嵌套在别的标签中，额，这是傻瓜问题么，不过我刚才就犯这样的错误了=。=
至此，解决完毕～
再放我喜欢的一首歌哈～Lily Allen的Fuck you～～不要说名字很低俗，是我很喜欢的哦，听后心情奇好无比～～～
一定要听哦，一定一定要听哦～～
音频片段：需要 Adobe Flash Player（9 或以上版本）播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。
另外强求要求大家升级IE吧！！！！！！！！！！！！！！！拜托了～
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]–>