0

ダウンロードしたテンプレートのコンテンツ スライダーをいじっています。私は、最新のすべてのブラウザーで、ほとんどの方法でそれを実現しています。現在、いくつかのクロス ブラウザー テストを試みていますが、アイテムを画面上に浮かせて非表示にするのではなく、アイテムをスタックしている ie7 のバグに遭遇しました。

ここに私のサイトがあります：

http://dl.dropbox.com/u/62054561/Rust%20Website/index.html

しかし、IE7 では次のように表示されます。

http://dl.dropbox.com/u/62054561/ie7.png

どんな助けでも素晴らしいでしょう、ありがとう。

4

3 に答える 3

1

これは、IEおよびインラインブロック要素の問題です。

次のCSSコードがあるところならどこでも

display:inline-block

IE用にこれを追加する必要があります

    display:inline-block;
    *display: inline;
    zoom:1;
于 2012-04-04T16:09:25.980 に答える
1

あなたの場合、最も外側のdivに指定された幅を与えます：

<div class="slider_main" style="width: 915px">
    ....content.....
  <div style="clear: both;"></div>
</div>

等々。

少し前に同様の問題に遭遇しましたが、ここで答えを見つけました: Strange float behavior in IE7

それが役立つことを願っています。

于 2012-04-04T14:54:56.597 に答える
1

Javascript に 2 つのエラーがあります。

文字列を数値で乗算しようとしているため、文字列が壊れています。

var height = '190',
    width = '915',
    slides = 3,
    tabs = $('.tab'),
    contentNum = 1;

'width'jquery.css()関数の周りの引用符も欠落しています

$('.slider_main_inner').css({
    width: slides * width,
});

修正版

文字列の代わりに数字を使用し、引用符を追加しますwidth

var height = 190,
    width = 915,
    slides = 3,
    tabs = $('.tab'),
    contentNum = 1;

$('.slider_main_inner').css({
    'width': (slides * width)
});
于 2012-04-04T16:45:31.000 に答える