2

希望这里的人可以帮助我,我在一个网站(http://nationalaviationinstitute.ie/)上安装了一个 wordpress 主题,我有一个我无法解决的问题,主题的开发者拒绝承认这个问题!

如果您在 Chrome 中访问上述站点,该站点的底部会向上跳并覆盖图像滑块下方的四个服务区域。这仅在 Chrome 中发生,在所有其他浏览器中都可以,这显然与网站的响应能力有关,就好像您调整底部的大小移回正确的位置一样。

我对 CSS 和 HTML 相当熟悉,所以如果有人能帮我找出原因和可能的解决方案,我将不胜感激。

谢谢,

安东尼

4

1 回答 1

1

有一个 javascript 错误,它在调整大小事件时给出每个<li>标签内的 div,如下例所示:style="height: 0px;"

<li class="span3 thumbnail">
    <div class="block-thumbnail maxheight col" style="height: 0px;"> 
        <i class="icon-3x icon-cogs"><i class="circle-border"></i></i>
        <h3>Our Courses</h3>
        <p>At NAI we have a number of different courses to suit everybody’s needs, academic to professional.  <a class="link" href="http://nationalaviationinstitute.ie/courses/">read more →&lt;/a></p>
    </div>
</li>

如果您找到并修复导致此问题的 js,则问题将得到解决。

但是如果您需要更快的修复,您可以添加以下 css:

.block-thumbnail{
     display: inline-block;
}

会覆盖style="height: 0px;"js添加的,底部会被下推

于 2013-11-04T13:35:29.263 回答