像菜单一样逐步向导

时间:2012-08-18 20:25:44

标签: jquery html css

我正在尝试为应用程序构建一步一步的菜单(就像向导一样)。我发现网上some code对我来说似乎很完美。

我为代码创建了JS Fiddle

问题是该示例基于IE不可用的选择器之前和之后,并且它在IE中不起作用。

我知道jQuery之前和之后的函数可以使它适用于IE,但我真的没有太多关于jQuery的专业知识才能找到解决方案。

我可以做些什么来使这种菜单在所有浏览器中保持一致?

1 个答案:

答案 0 :(得分:1)

事实上,所有:before:after选择器都是在您应用它的元素之前或之后插入内容。对于较旧的浏览器,你确实可以使用js,但是你的一些访问者仍然看不到它,因为他们可能已经禁用了js。

您可以直接在html中插入所需内容,并为其指定一个特定的类.a-after.a-before。然后,您可以将样式应用于:before:after而不是{{1}}和{{1}}。

因为有点难以解释我冒昧地用我的建议更新你的小提琴。 http://jsfiddle.net/9CsDr/2/这在旧浏览器中也可以正常工作,因为它不再使用:之后:en:after。它不会使你的代码更漂亮,但它可以工作......

我同意David Allen的观点,在这种情况下,使用背景图像也是我的选择!