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＆amp;背景显示在右边。

我遇到的第二个问题是导航（ul id =“leftcol”）。在IE7中查看它，你会看到我的意思。似乎添加了换行符。任何想法？

Answer 1

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

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

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

Answer 2

如果我记得IE7与负z-index不兼容。或者任何z-index。

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

IE7调试问题 - 绝对背景

2 个答案: