ホームページ  >  記事  >  ウェブフロントエンド  >  単純な CSS スクロール バーの幅が IE7 および IE6 とどのように互換性があるかについて質問してください。_html/css_WEB-ITnose

単純な CSS スクロール バーの幅が IE7 および IE6 とどのように互換性があるかについて質問してください。_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:22:391588ブラウズ

RT。

たとえば、div を持っていて、overflow-y:auto; max-height:440px;width:440px; を定義します
現時点では、その下に次のように定義されたスタイルがあります: width:100 %; border:1px Solid # e2e2e2; border-collapse: Collapse;
このとき、Firefox、Google、IE8 以降で実行すると、テーブルコンテンツの高さが 440px を超えると、スクロールバーが表示されます。 , テーブルの幅は自動的に 420px、つまり width-browser .scroll.width になります(わかります、漢字を入力するのが面倒です)。
ただし、IE7 では、スクロール バーが幅からはみ出すように自動的に狭くなりますが、下にスクロール バーが表示されます。 overflow-x:hidden が設定されている場合、テーブルのコンテンツの一部がスクロールによって覆われます。



それで、これを調整する方法についてアドバイスをお願いします。
上司の要求に応じて、IE7 および 6 と互換性がある必要があります。


ディスカッション (解決策) への返信

ie6 は、max-height:440px;_height:440px; として記述される max-height をサポートしません。

ie6 は、max-height: として記述される max-height をサポートしません。 440px;_height:440px ;

幅について質問です。 。 。

http://bbs.blueidea.com/thread-3022471-1-1.html を参照できます。

http://bbs.blueidea.com/thread-3022471-1-1.html を参照できます。

明らかにバグがあります、おい!
自分でjsを書いて実装しました。
var tah=$("#modelTab").css("height");
tah=tah.toString().replace("px","");
if(parseInt(tah)>400)
{$("#modelTab").css("width","425px");}


http://bbs.blueidea.com/thread-3022471-1-1.html を参照してください

明らかにバグがあります、おい!
自分でjsを書いて実装しました。
var tah=$("#modelTab").css("height");
tah=tah.toString().replace("px","");
if(parseInt(tah)>400)
{$("#modelTab").css("width","425px");}

兄弟、これは IE6 のバグのようです。回避策があるだけです。問題を解決するだけです

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。