IE8横スクロールバーが動作しなくなるスタイル設定



  • f:id:tenman:20110330190728p:image:w350

    ふと、横スクロールが利かないのに気づきました


    スクリプトや、エラーを散々探し回った挙句、原因がスタイルシートで見つかりました。


    横スクロールバーがIE8で動かなくなるサンプル



    顛末をメモに残します。



  • 原因は、bodyエレメントに設定したIE用のグラデーションのスタイルの模様


    上のfilter:...の行を削除するとスクロールバーは使えます



    ほかの箇所で、同様の設定を行ってもスクロールが出来なくなることはありません

    bodyエレメント限定とはいえませんが、なにかしらエレメントとの兼ね合いがあるかもしれません


    備忘

    body{
    margin:0!important;
    background:#fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339999', endColorstr='#66cccc');
    }







TOP