为什么我的下降不在ie7中工作?

时间:2009-04-02 13:30:14

标签: css internet-explorer-7

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

下拉菜单(水平绿色条)不会在ie7中下拉。他们确实下载了ie6,firefox和chrome。此外,如果您查看主页,同样的下拉DO在ie7中工作。我无法弄清楚他们为什么不在ie7这个页面上工作。它们是纯CSS下拉菜单。

感谢任何帮助。

谢谢!

3 个答案:

答案 0 :(得分:2)

您的<style><script>标记应位于<head>标记内,而不在<html>标记之外。

同时添加DOCTYPE

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 4

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

选择。

答案 1 :(得分:2)

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

doctype标签必须是源中的第一个标签,否则IE将以怪癖模式呈现页面。其他浏览器也可以在怪异模式下渲染它,但它对IE有很大的不同。一个很大的区别是box model处理不正确。

正确完成代码的基本结构后,您应validate the htmlthe css查看代码中是否存在更多问题。我可以立即看到你有一个HTML doctype,但是你在代码中使用了XHTML标签。

如果在清理完代码之后这些菜单仍无法正常工作,我猜这是z-index的一个问题,因此菜单会显示但隐藏在主要内容之后。对于具有布局的元素,IE无法正确处理z-index。

答案 2 :(得分:0)

TonyF是对的。将来,尝试在您的URL栏中运行它,看看您是否实际处于标准模式(CSS1Compat)与Quirks模式(BackCompat):

javascript:alert(document.compatMode)

我在IE中的书签中有这个。