html - 如何使该站点在非 firefox 浏览器中工作？

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 不支持除 anchor 标记之外的任何标记的 CSS :hover。您需要在 IE 中使用 onmouseover、onmouseout 来完成同样的事情。或者将 li:hover 更改为 a:hover，但我认为这将对您的设计进行更大的改革。

具体来说，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。