Products
GG网络技术分享 2025-11-15 16:54 4
哇哈哈,你们知道吗?以前有一个超级老的电脑, 叫IE6,它kan图片有点笨笨的,特别是PNG格式的图片,它会穿上一件灰灰的外衣,kan起来好没精神哦。但是现在我们要给它穿上一件漂亮的透明衣服,让它kan起来geng时尚,我无法认同...!
出岔子。 啊, PNG透明背景就像一个窗户,Ke以让背景透过来只kan到图片,就像穿上了隐形衣服一样。不过这个IE6老先生以前kan不懂这种衣服,所以我们要教它怎么穿。

操作一波。 先说说我们要用一种叫ZuoCSS的东西来告诉IE6老先生,我们要穿什么衣服。这里有一个简单的CSS代码, Ke以让IE6老先生kan到PNG背景图片,但是它会穿上一件灰色的衣服,所以我们还要加一点魔法。
background-image: url;
background-color: transparent; /* 这是魔法部分, 让背景透明 */
但是IE6老先生还是不懂,主要原因是它只会说IE话。所以我们还要用一种叫AlphaImageLoader的滤镜, 总结一下。 这个滤镜就像是IE6老先生的翻译官,Ke以告诉它怎么穿透明衣服。
.png_bg {
filter: AlphaImageLoader;
}
这样,IE6老先生就Neng穿上透明的衣服啦!但是这个魔法只Neng在IE6老先生身上用,别的浏览器老先生可Neng就不认识了。
Ru果CSS的魔法和老先生的翻译官dou不管用,我们还Ke以用一种叫JavaScript的小机器人来帮忙。 蚌埠住了! 这个小机器人会告诉IE6老先生,这个PNG图片要透明,然后老先生就会按照它的指示穿上透明衣服。
DD_belatedPNG.fix;
这个小机器人还有一个好处, 就是它Ke以一边帮IE6老先生处理hen多PNG图片,让它们dou穿上透明的衣服,实际上...。
1. 用CSS的魔法告诉IE6老先生背景要透明,PUA。。
2. 用AlphaImageLoader滤镜当翻译官,让IE6老先生理解魔法,弯道超车。。
一句话概括... 3. Ru果魔法和老先生翻译官dou不行,就用JavaScript小机器人帮忙。
这样,IE6老先生就Neng穿上漂亮的透明衣服,kan起来geng帅啦!
1. Ru果你的PNG图片路径不对, 小机器人DD_belatedPNG就会找不到它,所以要检查一下路径哦,我破防了。。
2. Ru果你想让PNG图片只在鼠标经过时透明,就要用a:hover属性来设置。
3. PNG图片比GIF图片颜色geng多,渐变效果geng好, 我整个人都不好了。 所以现在hen多网站dou用PNG图片。
基本上... 好了现在你们知道怎么让IE6老先生穿透明衣服了吧?快去试试吧,让我们的网站kan起来geng美吧!
Demand feedback