コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-24 11:56:31
オリジナル
1069 人が閲覧しました

<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 の下の黒い枠線が削除されました。唯一の問題は、リストの枠線が消えてしまったことです。

関連ラベル：
IE7 和 IE10下边框出现黑线
ソース：php.cn
前の記事：CSS すべてのリスト スタイルの種類_html/css_WEB-ITnose 次の記事：WAP ページ問題_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
2026
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2188
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1845
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1736
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1758
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート