5

現在 IE6 および IE7 を対象としたインクリメントされた順序付きリストを作成する方法を理解しようとしています。

EG 以下のようにレンダリングする必要があります。

1.0
    1.1
    1.2
    1.3
2.0
    2.1
    2.2

私が理解していることから、これは次のようなものを使用して CSS で作成することが可能です。

UL, OL { counter-reset: item; }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }

ただし、もちろん IE6 と IE7 はこれをサポートしていません。

IE6/7 で適切な増分リストを作成するために利用できるオプションは何ですか? これをハードコーディングする必要がありますか? 残念ながら、JavaScript を使用することはできません。

新しいブラウザ用の更新された方法論はありますか?

4

4 に答える 4

1

これがCSSのみのソリューションです（IE8以降で動作するはずです）：

<ol>
    <li>
        Heading
        <ol>
            <li>list</li>
            <li>list</li>
        </ol>
    </li>
    <li>
        Heading
        <ol>
            <li>list</li>
            <li>list</li>
        </ol>
    </li>
</ol>



ol{
    list-style-position:inside;
    list-style-type: none;
    counter-reset:mainNum;
}

ol li:before{
    content: counter(mainNum) ".0";
    counter-increment:mainNum;
}

ol ol{
    counter-reset:item;
}

ol ol li{
    list-style-type:none
}

ol ol li:before{
    content: counter(mainNum) "." counter(item) "  ";
    counter-increment:item;
}
于 2012-06-21T00:51:37.643 に答える
0

JavaScript がオプションでない場合 (したがって、Flash もないと仮定します)、申し訳ありませんが、クライアント側のソリューションのオプションがありません。HTML を生成するサーバー側スクリプトがある場合は、サーバーに順序付けをプッシュし、CSS を使用して、黒丸のない順序付けられていないリストとしてクライアントで出力のスタイルを設定するだけです。IE6 はここでの制限要因であり、それを回避する方法はあまりありません。悪いニュースの担い手になって申し訳ありません。

于 2009-03-02T15:23:42.170 に答える