css - 为什么我的下拉菜单在 ie7 中不起作用?

标签 css internet-explorer-7

如果您查看此页面:http://www.sussexjewelers.com/product_search.php?cid=69

下拉菜单(水平绿色条)在 ie7 中不会下拉。它们确实在 ie6、firefox 和 chrome 中下降。此外,如果您查看主页,相同的下拉菜单在 ie7 中也能正常工作。我不明白为什么他们不能在 ie7 的这个页面上工作。它们是纯 CSS 下拉菜单。

感谢任何帮助。

谢谢!

最佳答案

在实际的 HTML 文档之前,您有一堆样式和脚本标签。这些应该在页面的 head 标记中。

doctype 标签必须是源代码中的第一个标签,否则 IE 将以 quirks 模式呈现页面。其他浏览器也可能以 quirks 模式呈现它,但它对 IE 有很大的不同。一个很大的区别是 box model处理不当。

一旦你获得了正确的代码基本结构,你应该validate the html , 和 the css看看代码中是否还有更多问题。我可以立即看到您有一个 HTML 文档类型,但您在代码中使用了 XHTML 标记。

如果在清理代码后菜单仍然不起作用,我猜测这是 z-index 的问题,因此菜单显示但隐藏在主要内容后面。 IE 无法为具有布局的元素正确处理 z-index。

关于css - 为什么我的下拉菜单在 ie7 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/709720/

相关文章:

html - 输入垂直对齐

html - 在 IE7 中,我们如何检查元素并更改 css 属性

internet-explorer - IE 8's Developer Tools: Browser Mode: IE 7, IE 8, but what is IE 8 "兼容性 View ”?

css - 询问侧边栏

html - 父div溢出时隐藏整个子div

IE7 上的 JQuery 方法 .before() 或 .insertBefore()

css - IE7 切断 Button 元素内的文本

css - 使用文档模式在 IE9 中运行良好的网站 IE7 在使用 IE7 标准作为文档模式的 IE11 中出现问题

android - 响应式 html 应用程序设计使用默认设备字体系列和大小?

html - 如何并排设置图片和文字