§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2013-4-2

IE 6 中不支持透明、半透明效果的 PNG 是众所周知的，网上的解决方案是：

div.png { width:200px; height:200px; background: url("pngtest.png") no-repeat; /* 注意，是用背景，而不是 img 标签 */ _background:none; /* IE 6 中取消背景，以免挡住滤镜 */ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pngtest.png"); }

但这段代码有问题，就是当页面上有文本框时，用鼠标点击文本框，光标是不会进去的，就像被什么东西挡住了样（用 Tab 键，光标可以进去）。

所以说，在这个问题上，我们必须做出取舍：要么不用 PNG，要么不管 IE 6。