2

ここの誰かが私を助けてくれることを願って、サイト ( http://nationalaviationinstitute.ie/ ) に wordpress テーマをインストールしましたが、解決できない問題があり、テーマの開発者は問題を認めることを拒否しています!

Chrome で上記のサイトにアクセスすると、サイトの下部セクションがジャンプして、画像スライダーの下にある 4 つのサービス エリアがカバーされます。これは Chrome でのみ発生します。他のすべてのブラウザでは問題ありません。下部セクションのサイズを変更すると、正しい位置に戻るため、サイトの応答性に問題があることは明らかです。

私は CSS と HTML にかなり精通しているので、誰かがこの原因と考えられる解決策を見つけ出すために手を差し伸べてくれたら、とても感謝しています。

ありがとう、

アンソニー

4

1 に答える 1

1

以下の例のように、サイズ変更イベントで各<li>タグ内に div を与える JavaScript バグがあります。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;
}

js によって追加されたものをオーバーライドしstyle="height: 0px;"、下部のセクションが押し下げられます

于 2013-11-04T13:35:29.263 に答える