Question

这个页面在firefox中显示得非常漂亮，但是我在Opera或Internet Explorer中测试网站时遇到了各种各样的问题，主要是菜单。我想知道是什么技术导致了这个以及如何避免它们。

http://www.jkhbdesign.se/

编辑2：以下是一些特定问题的截图

应该看下拉列表：

alt text http://nibbo.se/slask/correct.png

它在IE 7中的显示方式：

alt text http://nibbo.se/slask/dropdownie.png

它在Opera中的样子：

alt text http://nibbo.se/slask/dropdownopera.png

Answer 1

至少你必须处理IE中除了锚标记之外的任何标记都不支持CSS：hover这一事实。你需要在IE中使用onmouseover，onmouseout来完成同样的事情。或者改变li：悬停到a：悬停，但这对我的设计进行了更大的改革。

具体来说，CSS就像这样：

ul.menu li:hover ul.submenu {
background:white none repeat scroll 0 0;
border:1px solid #A6A6A6;
display:block;
margin-left:-25px;
margin-top:23px;
padding:2px 0;
position:absolute;
}

无法在Internet Explorer中正常运行。我不知道Opera。

Answer 2

我遇到site I created这个问题。问题最终是我不应该在菜单中启动的下一个<li>标记之前结束<ul>标记。

例如：

<div id="menu">
  <ul><a href="/index.html">Home</a>

    <li><a href="/aboutus/index.html">About Us</a>
    <ul>
        <li><a href="/aboutus/history.html">History</a>

请注意，不会关闭</li>代码。

我遇到了IE和CSS菜单的很多问题。我推荐以下资源，它们可以为您节省大量时间：

让我知道这是怎么回事。

对于它的价值，第一个资源包括一个csshover.htc文件及其用法 - 我创建的网站用于修复Internet Explorer引起的问题。如果您查看该站点的源，您还将看到与Internet Explorer相关的条件注释。

Answer 3

如果没有看到您网站的CSS，我怀疑您正在使用css：将鼠标悬停在列表中以创建菜单。 IE不支持此功能，因此您必须提供行为文件以允许IE具有此功能， Link with a file here

Answer 4

如果您熟悉javascript，可能需要查看JQuery Superfish插件。（http://plugins.jquery.com/project/Superfish）。大部分辛勤工作和奇怪的浏览器问题都已经为您解决了。

如何使这个网站在非Firefox浏览器中工作？

4 个答案: