ホームページ > 記事 > ウェブフロントエンド > IE7とIE10の下枠に黒い線が出る_html/css_WEB-ITnose
IE7とIE10の下枠に黒い線が出る_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:56:311058ブラウズ
<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 の下の黒い枠線が削除されました。唯一の問題は、リストの枠線が消えてしまったことです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。