6

新しいサイトを作成していますが、IE で何かが起こっています。wordpress プラグイン用の Nivo Slider を購入しましたが、正常に動作していますが、IE のバナーの下にサムネイルが表示されません。

ファイアフォックスではこんな感じ ここに画像の説明を入力

IEで見るとこんな感じ ここに画像の説明を入力

これはプラグインなので (そして Web サイトは 2 日後にサポートを提供してくれません) ソース CSS を実際には持っていませんが、表示されない理由を確認するために、付属の開発者ツールでそれを確認できることを望んでいました。 IEで？

これは私が見つけたものです

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: auto;
}

ヘルプやアドバイスをいただければ幸いです。

アップデート

ここに画像の説明を入力

新しいコードを挿入すると、.banner-bottom が他のすべてのページのバナーの上に表示されます。

4

3 に答える 3

6

この CSS を追加します ( demo ):

#ie6 .nivo-controlNav a, #ie7 .nivo-controlNav a {
    position: relative;
    text-indent: 0;
}

IE をターゲットにできない/したくない場合は、これも機能します ( demo ):

body .nivo-controlNav a.nivo-control {
    position: relative;
    text-indent: 0;
}
于 2012-06-26T07:52:30.160 に答える
1

Ambrelasweb さん、あなたのウェブサイトはNivo Slider v3.0.1を使用しています。IE7ではサムネイルが表示されないため、IE7で機能する jsFiddle を用意しました。また、古い Nivo Slider v2.7.1 を使用している人のために、追加の jsFiddle も含めました。

参考：Nivo Slider v3.0.1のjsFiddle
参考：Nivo Slider v2.7.1のjsFiddle

最小限の CSS:.theme-default.controlnav-thumbs .nivo-controlNav a {text-indent:0px;}

特定の Web ページには、上記の最小限の Nivo Slider CSS.banner-bottomを適用すると、実際にサムネイルを「カバー」するClass Name に関する別の問題があります。IE7でサムネイルをすばやく表示するには、class を含む を一時的にコメント アウトします。span tag.banner-bottom

于 2012-06-26T09:04:47.870 に答える
0

以下を使用して、親指が表示されるかどうかを確認してください。

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: auto;
    /width:100%;
    /height:100%;
}

IE のみの高さと幅の属性を変更する必要があります。表示される場合は、幅と高さを指定する必要がある場合があります。

于 2012-06-27T19:45:16.033 に答える