我如何制作LiteAccordion（jQuery的水平手风琴插件）在IE6中工作

Question

我使用this Plugin并做了一些更改以适应我的要求。现在这在IE6中不起作用。如何使它在IE6和IE8中工作？如何调整CSS使其工作？

http://nicolahibbert.com/demo/liteAccordion/

Answer 1

它确实是IE6没有此插件支持，所以最简单的选择可能是找到一种替代插件，它确实在IE6工作的文档中的状态。当然，或者不要自己支持IE6。

如果你确实需要使用这个特定的插件来支持IE6，那么你需要找出它使用哪些不支持IE6的CSS功能。

望着css file for the accordion on the demo page，这包括以下内容：

• 的>子选择。
• :hover选择器。
• display: inline-block;
• border-radius

和可能更多。

其中一些你可以不用（例如border-radius），但其中大多数肯定是工作所需要的。 >孩子选择器将是你的最大杀手。悬停也是一个大问题。

您可以尝试用后代选择器替换子选择器 - 即用简单的空格替换>符号。这在IE6中起作用，并且通常提供相同的功能。不过，他可能使用了>而不是空间，这意味着这很可能会破坏某些东西。这是值得尝试的，但不要期望它能够直线前进。您可能需要做更多的工作才能恢复正常运行。

要获得:hover的工作，您需要知道在IE6中，:hover只适用于<a>标签。因此，要修复代码，您需要重新编写代码，以便受到悬停影响的元素为<a>。

如果你想避免重写整个事情，我的建议是使用Javascript黑客，如Dean Edwards' IE7.js。这是一个JavaScript实用程序，它尝试向旧版本的IE添加功能。这包括对一些CSS选择器的支持。另一种类似的工作是Selectivzr。

:hover CSS功能可以通过使用whatever:hover javascript hack强制在IE6中工作。这是一个整洁的小黑客，它可以让任何元素在IE6中悬停工作，而不仅仅是<a>标签。

将这些脚本中的一个或多个脚本添加到您的站点可能足以使其与现有的CSS一起工作。我无法保证，但是IE6很难保证。

border-radius是非必要的，但如果你想让它工作，最好的方法是CSS3Pie。这对于在较旧版本的IE中添加圆角支持非常有效。然而，与所有其他黑客，你会使用，除非你有我建议不使用它，因为所有的JavaScript可能会导致浏览器一样古老的IE6性能问题。

希望有所帮助。