我正在尝试为我的网站创建一个 CSS/Javascript 下拉列表。根据这个屏幕截图网站(以及我自己注意到的),IE 7、8 和 9 都错误地显示了这个导航栏:
http://www.browserstack.com/screenshots/bb5c5862f3c3251a60826363d76acf55b2ae5f40
对此我能做些什么吗?我在这里有什么选择?
我正在尝试为我的网站创建一个 CSS/Javascript 下拉列表。根据这个屏幕截图网站(以及我自己注意到的),IE 7、8 和 9 都错误地显示了这个导航栏:
http://www.browserstack.com/screenshots/bb5c5862f3c3251a60826363d76acf55b2ae5f40
对此我能做些什么吗?我在这里有什么选择?
出于某种原因,您的页面在这些旧版本的 IE 中默认以 IE5 Quirks 模式运行:
看看你的标记,你会发现你缺少一些东西(提示:它是开始<html>
标签)。
您缺少文档中的开始<html>
元素,只需将其包含在您的文档类型之后:
<!DOCTYPE html>
<html>
它应该防止 IE 触发 Quirks Mode
旧版本的 IE 将丢失或格式错误的文档类型解释为“怪癖模式”页面,无论出于何种原因。较旧的 IE 浏览器将解释<!DOCTYPE html>
为格式错误,因为它们不支持 HTML5。可能建议<!--[if lt IE 8]>OLDER DOCTYPE<![endif]-->
在浏览器的开头使用。
实际上,正如 Adrift 所说,答案是您忘记了开始<html>
标签。我不敢相信我忽略了这一点。