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>

2つ（またはそれ以上）のブラウザで同じものを表示するにはどうすればよいですか？

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 に答える