IE7とIE10の下枠に黒い線が出る_html/css_WEB-ITnose-htmlチュートリアル-php.cn

IE7とIE10の下枠に黒い線が出る_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:56:31

オリジナル

1054 人が閲覧しました

<table width="98%" class="tableborder" cellpadding="0" cellspacing="0" align="center">.tableborder{   	border-color:#87cbff;	border-width:1px;	border-style:solid;	border-collapse:collapse;	border-right: #e4e9ef 1px solid;	border-top: #e4e9ef 1px solid;	border-left: #e4e9ef 1px solid;	border-bottom: #e4e9ef 1px solid;		}

ログイン後にコピー

IE7 と IE10 の下に黒い線がありますが、他の IE バージョンは正常です
注: :#87cbff; スタイルは黒ではありません。

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

このコードだけでは IE7 では黒い線が表示されません。他のスタイルが有効になっているかどうかを注意深く確認してください。

このコードを書くのがこんなに面倒なのはなぜですか?

<style type="text/css">       .tableborder{           border:1px solid #e4e9ef;    border-collapse:collapse;    width:98%;    margin:auto;         }    </style></head><body>    <table class="tableborder">        <tr><td>hello world</td><td>Fuck GFW</td></tr> </table>     </body>

ログイン後にコピー

まず境界線をなしに設定し、IE7 と IE10 に黒い線があるかどうかを確認します。再現できないので写真を載せたほうがいいです。

効果は上に示したとおりです:

境界線がなしに設定されている場合でも、黒い線は残っていますか?

テーブルが覆われていると推定されます。他のスタイルを確認するには firebug を使用します。

解決しました

.tableborder{	border-color:#87cbff;	border-width:1px;	border-style:solid;	border-collapse:collapse;	border-right: #e4e9ef 1px solid;	border-top: #e4e9ef 1px solid;	border-left: #e4e9ef 1px solid;	border-bottom: #e4e9ef 1px solid;	border:1px solid #e4e9ef！important;	}

ログイン後にコピー

最後の行の境界線:1px 実線 #e4e9ef!重要です

元の投稿者の方法に従って、IE10 の下の黒い枠線が削除されました。唯一の問題は、リストの枠線が消えてしまったことです。