2013-11-04 109 views
2

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

如果您在Chrome中访问上述网站,网站底部会跳转并覆盖图像滑块下方的四个服务区域。这只发生在Chrome浏览器中,在所有其他浏览器中都可以使用,显然这与网站的响应性有关,就好像您调整底部部分的大小后退到正确位置一样。

我对CSS和HTML非常熟悉,所以如果任何人都可以给我一手弄清楚这个原因和一个可能的解决方案,我将不胜感激。

感谢,

安东尼

+0

我看到的网站究竟在Firefox和Chrome上也是如此......你想在滑块下面做些什么? – Weinz

回答

1

有一个JavaScript错误,这是给的div每个<li>标签style="height: 0px;"内的resize事件如下面的例子:

<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 →</a></p> 
    </div> 
</li> 

如果你发现并修复导致这个问题的问题比问题将得到解决。

但柜面你需要更快解决问题,你可以添加以下的CSS:

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

它将覆盖由js和底部添加的style="height: 0px;"可以下推

+0

非常感谢您的帮助。你是一个拯救生命的人。我已经实施了快速修复程序,以便演示该网站,稍后我会看到更详细的修复程序。再次感谢。 – ryanoryan

+0

@ryanoryan不客气。既然你是新来的,请不要忘记,以纪念接受了答案,帮助最解决问题。 – fadz

+0

Upvoted由于有帮助。 另一方面,这个按钮很烦人: a.btn-light。 尝试添加与蓝色相似的背景。 –