IE7 调试问题 - 绝对背景

Question

我在 IE 中遇到问题，此页面的背景问题：http://vitaminjdesign.com/IAM/company/

在所有浏览器中，它都正确显示，但在 IE 中。在 IE7 中，div、.aboutbg 位于右侧。这是我的 HTML

<div id="companywrap">
   <ul id="leftcol">
    <li>nav item</li>
    <li>nav item</li>
    <li>nav item</li>
   </ul>

   <div id="rightcol">
      <h1 class="title">Parker Homescape <span>Company Overview</span></h1>
      <div id="companytext">
    <a class="readmorehome" href="/press">VIEW PRESS & AWARDS</a>
      </div>
   </div>
   <div class="aboutbg"></div>
</div>

基本上，companywrap 是相对定位的，而 div .aboutbg 绝对定位为负 z-index（因此背景图像真正位于背景中）。出于某种原因，在 IE& 中，背景显示在右侧。

我遇到的第二个问题是导航 (ul id="leftcol")。在 IE7 中查看它，您就会明白我的意思。似乎添加了换行符。有什么想法吗？

Answer 1

如果我记得 IE7 不适用于负 z-index。或任何与此相关的 z-index。

为您的 companywrap div 设置一个高于 aboutbg div 的 z-index，并将 aboutbg z-index 更改为正数。

Answer 2

第一个问题：我什至在 IE7 中都没有看到背景，我认为这是由于负 z-index 造成的。您的 z-index 非常狂野 - 我会完全避免使用底片。

edit：例如，尝试将 .aboutbg 上的 z-index 设置为 0，然后从那里开始向上移动其余索引。另外，我注意到您正在使用 aboutbg 类，但它只有一个实例。为什么不改用 id？

第二个问题：我不确定，但也许可以尝试在 ul#leftcol li 中添加特定的行高 - 我在 reset.css 或 style.css 中没有看到任何内容。