gpt4 book ai didi

css - 表格中 IE8 填充导致边框隐藏的解决方法

转载 作者:行者123 更新时间:2023-11-28 08:58:09 25 4
gpt4 key购买 nike

我正在努力使 Web 应用程序完全支持 IE8,同时继续支持 IE6。在 IE8 中有一个已知错误,当​​在表格内部使用填充时,背景会重叠并覆盖表格的底部边框。

我正在寻找最干净的解决方法,因为缺少底部边框不是登录屏幕上的选项。

目前我倾向于向 css 添加轮廓,因为它仅在 IE 8 中可见,如下所示。我想知道是否还有其他人有更好的建议。

(我需要承认我没有用于检查错误提交的 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 is the bug I'm trying to workaround IE css support docs (search for outline)

最佳答案

根据您链接中的#50,您应该能够通过将 display: inline-block; 添加到遇到此问题的元素的 CSS 来解决该问题。

关于css - 表格中 IE8 填充导致边框隐藏的解决方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4823372/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com