1

我正在尝试为应用程序构建分步菜单(就像向导一样)。我在网上找到了一些对我来说似乎很完美的代码。

我为代码创建了一个JS Fiddle

问题是该示例基于对 IE 不可用的 before 和 after 选择器,并且在 IE 中不起作用。

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

我该怎么做才能使这种菜单在所有浏览器中始终如一地工作?

4

1 回答 1

1

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

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

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

我确实同意大卫艾伦的观点,在这种情况下,使用背景图像也是我的选择!

于 2012-08-18T21:32:28.213 回答