Question

在IE和Firefox中渲染相同的html会给我一个不同的结果，因为在IE中，从布局角度来看，隐藏的复选框不会被忽略。此图像显示隐藏的复选框位于IE中的空间，但隐藏的复选框在Firefox中没有空格： image shows that there is a space where the hidden checkbox is in IE, but no space where the hidden checkbox is in 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;}

如何使IE和Firefox显示隐藏的元素相同（IE移动可见元素）

1 个答案: