目前使用 CSS 和 JavaScript,在我的 HTML 上,我制作了一个下拉栏,它适用于 Chrome 和 firefox,但不适用于 Internet Explorer。我需要下拉栏才能在 Internet Explorer 上工作。
这是我的 CSS 代码:
<body bgcolor='#52CC7A'>
<style type="text/css">
* { padding: 0; margin: 0; }
body { padding: 5px; font-family: Arial, Helvetica, sans-serif; }
ul { list-style: none; z-index: 999 }
ul li { float: left; padding-right: 1px; position: relative; }
ul a { display: table-cell; vertical-align: middle; width: 100px; height: 50px; text-align: center; background: #69C; color: #FFF; text-decoration: none; }
ul a:hover { background: #09C; }
li > ul { display: none; position: absolute; left: 0; top: 100%; }
li:hover > ul { display: block; }
li > ul li { padding: 0; padding-top: 1px; }
li > ul li > ul { left: 100%; top: 0; padding-left: 1px; }
li > ul li > ul li { width: 100px; }
li:hover > a { background: #09C; }
</style>
这是我的HTML代码:
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Players</a>
<ul>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
它还有很多内容,但仅此而已。
有谁知道如何更改任何代码或更改某些内容以使其在 Internet Explorer 上运行?谢谢:)
最佳答案
我建议显示更多代码并提供 IE 的版本。
可能您缺少 <!DOCTYPE html>
作为 IE 要求将 :hover 和 > 选择器添加到 work 的文档的第一行
关于javascript - HTML 下拉栏在 Internet Explorer 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24446311/