html - firefox 3.6 中有什么变化使 的呈现方式不同？

Question

编辑(发现解决方案)

感谢大家对此的帮助。问题是其中包含的 CSS 行中的一个错误(这是一个包含大量组合 CSS 文件的大型项目，因此很难发现)。这是问题所在:

background:transparent url(sf-pager.gif') repeat-x scroll bottom;

注意缺少的撇号。 IE6、IE7 和 Firefox 3.5 似乎只是忽略这一行并继续使用其余的组合 CSS 文件没有问题。 Firefox 3.6 和 Google Chrome 在此行出错并拒绝包含组合 CSS 文件的其余部分。问题解决了!!!

这是未经编辑的原始问题...

我正在为 IE6 开发一个网络应用程序(不幸的是)，但同时也在使用 firefox 和 chrome。我注意到一个奇怪的问题，我的 ul 列表没有在 chrome 中正确呈现。它们在 IE6/IE7 和 firefox 3.5 中呈现良好，但在升级到 firefox 3.6 后，它现在看起来与 chrome 相同。这是此菜单的外观(IE6/firefox 3.5):

IE6 http://thebe.jtan.com/~vince/so/ie6.PNG

这是它在 Chrome 和 Firefox 3.6 中的样子:

Firefox3.6/Chrome http://thebe.jtan.com/~vince/so/firefox.PNG

代码大致是这样的:

<ul id="navMain">
  <li class="navMainLink">Top header</li>
  <li class="navMainLink">Top header 2 with dropdown
    <div class="navpop-wrapper" style="display:none;">
      <div class="navpop">
        <div class="navpop-header">A header in the popup</div>
        <div class="navpop-body">
          <ul>
            <li>An item</li>
          </ul>
        </div>
      </div>
    </div>
  </li>
</ul>

和一些 jquery onready:

$('#navMain li.navMainLink').hover(
    function() { $('div.navpop-wrapper', this).css('display', ''); },
    function() { $('div.navpop-wrapper', this).css('display', 'none'); }
);
$('#navMain .navpop-wrapper').bgiframe();

这是 CSS:

#navMain
{
    float: right;
    height: 2.5em;
    padding-bottom: .4em;
    width: 420px;
    list-style: none; 
    margin:0;
}
.navpop-wrapper
{   
    display:block;
    position:absolute;
    width:276px;
    z-index:10000;
    padding: 2px 2px 2px 2px;
}
.navpop
{
    background:white;
    margin:0;
    display:inline-block;
    width:100%;
    padding-top:6px;
    padding-bottom: 3px;
}
.navpop-header
{
    height:19px;
    margin:4px;
    clear:both;
}
.navpop-body
{
    clear:both;
}
.navpop-body div
{
    width:50%;
    float:left;
    display:inline-block;
}
.navpop-body ul 
{
    list-style-type:square;
    margin: 0 6px 3px 0px;
}
.navpop-body ul li
{
    font-size:11px;
    font-weight:bold;
    color:black;
    cursor:pointer;
    padding:0;
    margin-left:24px;
}
#navMain li.navMainLink
{ 
    float: left; 
    border: 1px solid #C8D7E1;
}

关于从 firefox 3.5 到 3.6 的变化有什么想法吗？显然 3.6 现在的行为与 chrome 相同。

Answer 1

在我看来，有几个类或一个完整的样式表没有被应用。您可以使用 Firebug 检查您的样式是否实际适用吗？也许问题是出于某种原因未在 FF3.6/Chrome 中加载样式表。

对于其他所有内容，我认为您需要显示更多代码或提供直接链接。