境界線を非表示にするIE8埋め込みの回避策

私は、IE6をサポートし続けながら、Webアプリケーションをきれいにサポートするよう努めています。 IE8には背景が重なり、表の中でパディングが使用されているときに表の下の境界をカバーする既知のバグがあります。境界線を非表示にするIE8埋め込みの回避策

私は一番きれいな回避策を探しています。下にある枠線が欠けているのは、ログイン画面のオプションではないためです。

現在、IE 8でのみ表示されるように、CSSにアウトラインを追加する傾向があります。他の誰かがより良い提案をしているのだろうかと思います。

は（私はとのバグの提出をチェックするには、WindowsのIDを持っていないことを認める必要があるが、私はおそらくそこに何かがあるかもしれないとして、自宅からそれを作成する必要があります。）

table.tblcontentinfo { 
    font-family: arial, helvetica, san-serif; 
    width: 350px; 
/*  outline: 1px solid #336699; */ 
/* current partial fix above*/ 
    border: 1px solid #336699; 
    background-color: #FFFFFF; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 60px; 
    margin-bottom: 0px; 
} 

table.tblcontentinfo td { 
    padding: 2px; 
}

HTML：

<body> 
<br /> 
<br clear="all" /> 
<div style="margin-top: 120px; text-align: center;"> 
<div id="realpage" style="visibility: hidden; margin-top: 120px; text-align: center;"> 
<table class="tblcontentinfo"> 
<form name="l" id="l" method="post" action="check" autocomplete="off" > 
    <tr> 
    <td colspan="2" class="bgtitle">&nbsp;<span  class="texttableheader">Title</span></td> 
    </tr> 
    <tr> 
    <td width="125" class="required alignright">Text1&nbsp;</td> 
    <td><input name="text1" type="text" class="formfield" size="22" maxlength="8" tabindex="1" /></td> 
    </tr> 
    <tr> 
    <td class="required alignright">Password&nbsp;</td> 
    <td><input name="password1" type="password" class="formfield" size="22" maxlength="8" tabindex="2" /></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td><input name="Submit" type="submit" class="button" value="Submit" /></td> 
    </tr> 
</form> 
</table> 
</div> 
<div id="msgpage"> 
Some text 
</div> 

</body>

（私はブラウザ中性溶液をみたいけれどもはい、顧客がちょうど今アップグレードされ、この時点で、我々はIEのみお店です。）

参照：あなたのリンクから＃50をオフに基づいて# 50 is the bug I'm trying to workaround IE css support docs (search for outline)

出典

2011-01-28 lief79

私は上記のコメントアウトラインハックを使用する許可を得ました。私はそれをチェックしているように見えます。それが悪化すると、適切に機能しているブラウザの下で境界の幅が2倍になります。

出典

2011-01-28 15:20:31 lief79

、あなたはこの問題が発生して、あなたの要素に対してCSSにdisplay: inline-block;を追加することで回避することができるはずです。

出典

2011-01-28 00:07:42 nybbler

＃54ではそうではありませんか？私はそれを追加しようとしましたが、何の効果も見ませんでした。 – lief79

＃50の例を使用して、インラインブロック表示を使用して、ホバー上の下端を正しく表示することがわかりましたが、点線のアウトラインボックスを持つ訪問済みのリンクは事実の後に問題があるようです。私はそれが何であるか見ていない問題を見るためにあなたのコードを設定しようとすると恐れます。（参照：http://www.webdevout.net/test?01C） – nybbler

素敵なツール。 CSSはうまく動作するはずです（IE8以外で試したことのあるウェブサイトや他のすべてのブラウザ）。IE8のバグですので、IE8でしか見えません。ありがとうございました。。 – lief79

境界線を非表示にするIE8埋め込みの回避策

答えて

関連する問題