html - CSS 下拉菜单在 IE 8 中不起作用

标签 html css internet-explorer internet-explorer-8 internet-explorer-7

我在 css 中有一个下拉菜单,它在 Chrome、FireFox 中工作正常,但在 IE8 中没有,我没有在 IE6/7 中检查过它。但似乎没有希望。 我的网站在 HERE . 下拉菜单是黑色的。 我认为问题出在 :hover 上,尝试搜索类似 #button .a:hover 等的东西...但没有运气。 我希望你能帮忙。 css 文件是 HERE

谢谢老师

最佳答案

问题是您没有包含 doctype在您的网站上。

因为您没有包含文档类型,所以您的页面呈现在 Quirks mode 中在 IE8 中:

Quirks mode is a rendering mode used by some web browsers for the sake of maintaining backward compatibility with web pages designed for older browsers or coded without standards conformance.

将这两行添加到文件的最顶部:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

如果您添加那个神奇的文档类型行,您的下拉列表将在 IE8 IE7 中工作。


您应该将这部分代码移动到您的 <body> 中标签。

<span style="float:right;margin-top:10px;">
<a href=?lang=vn><img src="img/vn.gif"></img></a> 
<a href=?lang=en><img src="img/us.gif"></img></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
</span>

另外,你也可以把它改成这样:

<div style="position:absolute; top:10px; right: 10px">
    <a href="?lang=vn"><img src="img/vn.gif"></img></a> 
    <a href="?lang=en"><img src="img/us.gif"></img></a>
</div>

关于html - CSS 下拉菜单在 IE 8 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5029633/

相关文章:

vba - 填充 Internet Explorer 输入框

html - 垂直定位一个高度小于其内联 div 的 div

html - 中间的 OpenLayers map 上的左右侧面板

javascript - 滚动过去后将 Div 粘在顶部

javascript - Jquery Backstretch 插件图像在顶部被 chop

internet-explorer - IE8 默认渲染为 IE7?

c# - .NET WebBrowser 控件是否可以使用 IE9?

javascript - onmouseout 时如何关闭组合框?

javascript - 使用 React Bootstrap 自定义 Card.Header

php - 尝试将代理 Bootstrap 模板添加到 Laravel 5.4