5个简单的解决IE6透明背景问题的方法

神飞发表于 21. Dec, 2008, 分类: CSS , 6 条评论 »
标签：IE6 & 透明

当您按照最新流行的风格用Photoshop设计了一个完美的网站，其中一半的背景使用一个漂亮的50%不透明效果。这个时候唯一的问题就是应对古老的IE6浏览器，而且纳闷它是如何决定显示讨厌的灰色背景的。您尝试在网上搜索解决办法，却发现有几十个选择……那么你如何知道哪些方法是最好的呢？

在本文中，我将向你展示5种简单易用的解决这个问题的方法。

从哪里下载: 点击这里
不足? : 它不能正确平铺透明背景图片。相反，它会将你的图片拉伸。这不是一个大问题，但仍需谨慎使用。除此之外，这种方法表现的都很好。我发现我自己使用最多的就是这种方法。

从哪里下载? : 点击这里
不足? : 你会发现这个文件比其他的都要大。这是因为修正图片透明问题只是它要解决的问题之一！它还将IE6的许多其他缺陷修正到了现代标准。当你选择这个方法的时候注意这一点。如果你只想修正透明问题，它未必是最佳选择。

从哪里下载? : 点击这里
不足? : 六个月前Angus更新了这个文件；它现在已经完美支持background-repeat/position了!与调用一个 Javascript文件不同，该方法需要使用CSS “behavior” 属性。

有的人可能更愿意忽略IE6-用一种特别声明的方法。我写出这种办法，但是用不用有你来决定。尽管如此，你的决定应考虑到您的受众。如果你想对IE6显示一个提示，您可以使用jQuery的browser()方法来检测IE6浏览器。

if ($.browser.msie && $.browser.version == 6.0) {
alert("升级你的浏览器吧,你这个笨蛋!");
} else {
document.write("这只是用来测试的，使用时请移除else语句");
}

打包下载源文件

作者: 神飞
爱好前端设计与开发，崇尚一目了然的设计。现居深圳。 Follow me on twitter @qianduan。

如果你喜欢本文，欢迎订阅本站以获得本站最新内容。

前端观察