olリストのli要素に対して
hasLayoutをアクティブにするスタイルを設定すると、IEブラウザーバージョン6および7の異常な(いずれの場合でも、明らかではない)動作に
遭遇しました。
写真を明確に提示するために、例を挙げます。
<!DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text / html; charset = utf-8" />
<title>サイトのタイトル</ title>
<style type = "text / css">
ol {
list-style-type:decimal;
}
</ style>
<!-[IE 7の場合]>
<style type = "text / css">
li {
ズーム:1;
}
</ style>
<![endif]->
</ head>
<本体>
<ol>
<li> 1 </ li>
<li> 2 </ li>
<li> 3 </ li>
</ ol>
</ body>
</ html>
この場合、IE8を含むすべてのブラウザーで、リストには1から3までの番号が付けられます。 IE6-7では、リストにはユニットのみが番号付けされます。
ズームはオプションとしてのみ示され、代わりに高さと幅を置き換えることもできます-結果は同じになります。
もちろん、olリスト内のli要素に特定のサイズを示す必要があり、同時に要素の番号付けを希望する場合は非常にまれです。
頭に浮かぶのは、liのサイズを示すCSSでネストされたカウンターを使用することだけです。 (いいえ、これはIE6-7でも機能しません)。
UPD:この問題
の解決策は
tenshiを提案しました。 IE6-7のスタイルでは、次のプロパティを指定する必要があります
ol li {
表示:リスト項目;
垂直方向の整列:上;
}