个人中心
gpt4 book ai didi

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

转载 作者：太空宇宙 更新时间：2023-11-04 00:29:15 25 4
gpt4 key购买 nike

我在 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/

25 4 0
文章推荐： Jquery 阅读更多链接以添加类
文章推荐： javascript - Node.js 获取访问 token
文章推荐： node.js - 我无法使用express.js 执行jade(pug)
文章推荐： jquery - Simplemodal 滚动条和关闭图像问题