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

标签 jquery html css

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

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

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

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

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

最佳答案

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

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

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

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

关于jquery - 像菜单一样的 CSS 分步向导,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12021987/

相关文章:

javascript - 在悬停时使用替换后恢复 div

javascript - 点击href时如何接收值

html - Ruby on Rails 中 Bootstrap 3 按钮的自定义样式

html - 背景图像 : url() does not work when you open the html by an express app

css - 在 IE 7 中是否有替代 CSS white-space 属性的方法?

javascript - 求和 jQuery 中的文本框列表

html - div overflow scroll : when scrolled to bottom, 内容开始滚动

html - 如何在不同高度的两列中并排显示图像

html - 样式化 html 文件输入按钮和 "no file selected"文本

php - 预填充 JQuery 多选工具