2

影響を受けるページ: http://adq.geantduweb.ca/

Firefox、Ie8、9、および Google chrome はすべて、目的の効果で実行されます。オーバーフローは機能します...

しかし、Internet Explorer 7 では、下部に水平スクロールが表示され、白いマスクがテーマの青いバー (ブレッドクラム) を隠しているのがわかります。

これをie7で動作させるためのアイデアはありますか?

私のオーバーフローは、最小幅が 960px の #wrapper にあります

問題を引き起こしている要素の CSS の一部を次に示します。(これは、解析時に通常の CSS と同じように出力される SASS CSS であることに注意してください。)

#wrapper
    min-width:960px
    overflow:hidden

#content
    background:#fff
    min-height:100px
    padding:1px 0px 0px 0px
    #component
        padding-bottom:30px
    .contentinner
        position:relative
        width:960px
        margin:0px auto
        .contentrightmask
            position:absolute
            top:-44px
            right:-10000px
            width:10000px
            z-index:900
            height:43px
            padding:0px
            margin:0px
            background:#FFF

助けてくれてありがとう！

4

3 に答える 3

0

あなたのコードで

<div class="contentrightmask" slick-uniqueid="389"/>IE7で

possision absolute幅があり10000px、データが含まれていなくても、これを削除するdivか、Css を修正します

于 2012-09-05T04:45:22.017 に答える
0

1.IE6 と 7 の両方がこれを行います。これは、驚くほどきしむようなレイアウト エンジンが原因です。CSS を念頭に置いて構築されたことはなく、IE8(q) でも表示されます。最初に float:right 要素を配置するのが、おそらく最も一般的に見られるものです。Byキース 詳細情報
2.または、display:inlineまたはdisplay:inline-block 詳細情報 他のリンク
3.マークアップを少し変更してみてください: フロートのあるアイテムをフロートのないアイテムの前に配置します (同じ行から)。それは役立つはずです。byオリョル 詳細情報

于 2012-09-05T02:37:03.173 に答える
0

それを私が直した

おかげで: http://snook.ca/archives/html_and_css/position_relative_overflow_ie

position:relative を #wrapper (overflow:hidden を持つ要素) に配置します。

試してくれたみんなありがとう:)

于 2012-09-05T17:23:31.547 に答える