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

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

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

Unit PNG Fix

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

DD_BelatedPNG Fix

  • 从哪里下载? : 点击这里
  • 不足? :没什么可说的。每种方法都有它的不足,但是这种新的袖中反复看起来是目前最完美的。

IE7.js Fix

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

Twin Helix Fix (来自于Angus Turnbull)

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

不要修正了! 写一个描述!

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

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

打包下载源文件