如何让IE和Firefox显示隐藏元素一样（IE移动可见元素）

Question

在 IE 和 Firefox 中呈现相同的 html 会给我带来不同的结果，因为在 IE 中，从布局的角度来看，隐藏的复选框不会被忽略。此图像显示隐藏复选框在 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>

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

Answer 1

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

display 属性设置为none 时，会隐藏元素的内容及其占用的空间。

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

#checkboxhide { position: relative; display: none; font-size: 8.5pt; font-weight: font-family: verdana;}