0

我的所有背景图像都会加载，直到我尝试为每张幻灯片添加图像叠加层。当我标记我的 ul 时出现问题id="supersized"

执行此操作后，仅加载幻灯片 1、2 和 9 上的背景图像。3-8 只显示背景颜色和叠加图像。

我已经查明了萤火虫的问题，但不知道如何解决

<ul id="supersized" class="quality" style="visibility: visible;">
<li class="activeslide">
<div class="overlay-holder">
<div class="img">
<img src="../../images/homeimg.png" style="width: 1024px; left: 0px; top: -187px;">
</div>
</div>
<a target="_blank">
<img src="http://schochink.com/IMG_21562.jpg" style="width: 1024px; left: 0px; top: -188.5px; height: 686.08px;">
</a>
</li>
<li class="activeslide">
<div class="overlay-holder">
<div class="img">
<img src="../../images/aboutimg.png" style="width: 1024px; left: 0px; top: -101.5px;">
</div>
</div>
<a target="_blank">
<img src="http://schochink.com/IMG_26922.jpg" style="width: 1024px; left: 0px; top: -    188.5px; height: 686.08px;">
</a>
</li>
<li class="activeslide">
<div class="overlay-holder">
<div class="img">
<img src="../../images/homeimg.png" style="width: 1024px; left: 0px; top: -187px;">
</div>
</div>
</li>

这是我的实际html，上面是萤火虫给我看的

<ul id="supersized">
  <li class="">
    <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
        </div>
    </div>
  </li>

  <li class="">
    <div class="overlay-holder">
        <div class="img">
        <img src="../../images/aboutimg.png" />
         </div>
     </div>

  </li>
  <li class="">
    <div class="overlay-holder">
        <div class="img">
            <img src="../../images/Untitled-2.png" />
        </div>
    </div>
  </li>

  <li class="">
    <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
        </div>
    </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />

        </div>
  </div>
  </li>
</ul>

我对 jquery 很陌生，但我认为这是添加锚标记的原因。如我错了请纠正我

/* Place Supersized Elements
----------------------------*/
$(document).ready(function() {
    $('body').append('<div id="supersized-loader"></div><ul id="supersized"> </ul>');
});
4

1 回答 1

0

您的 div 未关闭，这可能会导致问题。

更新：首先在页面上你有两个具有相同 ID 的元素：“超大”。你看到这个了吗？加载后检查元素以查看它。此外，您的 .png-s 已正确加载，但是 homeimg.png 具有透明背景，这就是您看到背景颜色的原因。

于 2012-07-20T07:44:44.573 回答