jquery - 像菜单一样的 CSS 分步向导

Question

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

我创建了一个 JS Fiddle获取代码。

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

我知道 jQuery 有可能使其适用于 IE 的前后函数，但我真的没有太多关于 jQuery 的专业知识，无法找到解决方案。

我该怎么做才能使这种菜单在所有浏览器中一致地工作？

Answer 1

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

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

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

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