我正在尝试为应用程序构建分步菜单(就像向导一样)。我在网上找到了一些对我来说似乎很完美的代码。
我为代码创建了一个JS Fiddle。
问题是该示例基于对 IE 不可用的 before 和 after 选择器,并且在 IE 中不起作用。
我知道 jQuery 之前和之后的功能可能使它适用于 IE,但我真的没有太多关于 jQuery 的专业知识能够找到解决方案。
我该怎么做才能使这种菜单在所有浏览器中始终如一地工作?
事实上,:before
and:after
选择器所做的就是在应用它的元素之前或之后插入内容。对于较旧的浏览器,您确实可以求助于 js,但是您的一些访问者仍然看不到它,因为他们可能禁用了 js。
例如,您可以直接在 html 中插入所需的内容并为其指定一个特定的.a-after
类.a-before
。然后,您可以将样式应用于那些而不是:before
and :after
。
因为有点难以解释,所以我冒昧地用我的建议更新了你的小提琴。http://jsfiddle.net/9CsDr/2/这在旧版浏览器中也应该可以正常工作,因为它不再使用 :before en :after 了。它不会使您的代码更漂亮,但它可以工作......
我确实同意大卫艾伦的观点,在这种情况下,使用背景图像也是我的选择!