0

在 IE 和 Firefox 中呈现相同的 html 会给我带来不同的结果，因为在 IE 中，从布局的角度来看，隐藏的复选框不会被忽略。此图像显示隐藏复选框在 IE 中有一个空格，但在 Firefox 中没有隐藏复选框的空格： 图像显示隐藏复选框在 IE 中有一个空格，但在 Firefox 中没有隐藏复选框的空格

<html><head>
<style type="text/css">
<!--
#checkboxhide { position: relative; visibility: hidden; font-size: 8.5pt; font-weight: font-family: verdana;}
//-->
</style>
</head><body>
<table><tr>
<td>|</td>
<td><span id="checkboxhide"><input type="checkbox" hidden="" name="blah"></span>|Greetings Earthings</td>
</tr></table>
</body></html>

如何让两个（​​或更多）浏览器显示相同的内容？

4

1 回答 1

4

CSSvisibility属性，当设置为 时hidden，可以隐藏元素的内容，但不能隐藏它占用的空间。

该display属性，当设置为 时none，隐藏元素的内容和它占据的空间。

使用display: none而不是visibility: hidden：

#checkboxhide { position: relative; display: none; font-size: 8.5pt; font-weight: font-family: verdana;}
于 2012-06-28T15:13:59.547 回答