ホームページ >ウェブフロントエンド >htmlチュートリアル >IE7とIE10の下枠に黒い線はありますか？ ? _html/css_WEB-ITnose
IE7とIE10の下枠に黒い線はありますか？ ? _html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-21 09:44:591276ブラウズ
<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!重要です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。