火狐浏览器问题：将div显示为有序列表项时显示为零？

Question

请看 - http://jsfiddle.net/v23UU/13/ 它在IE和Chrome中可以工作，但在firefox 4中无法工作，有人知道为什么吗？我找到了类似的问题，但是无法弄清楚如何让它工作。感谢您的帮助！

- Vishal

---

不是说不能有一种方法来做到这一点，但是你为什么不能只使用语义列表项标签<li>而不是样式化自己的任意<div>呢？另外，我尝试了几个东西，也无法在Firefox 5上使其工作...所以我很好奇问题是什么，但我认为你应该按照它们原本的用途使用<li>。 - nzifnab

是的... 可能会去那里..我只是想知道这里发生了什么。 - Vishal

只需在列表项周围放置<ol>标签即可使其正常工作。 - Vahid

Answer 1

这与列表计数器在Gecko中实际上并不是CSS计数器有关。详见https://bugzilla.mozilla.org/show_bug.cgi?id=4522。

要让它正常工作，你需要使用CSS计数器或确切的列表元素包围。

- Boris Zbarsky

Answer 2

这并不是对你问题的完美回答，但仍然是一个解决方法。

我花了一整天的时间来尝试解决这个令人沮丧的老问题（14年只有一个bugfix？Mozilla真的认真吗？）。我无法找到一个能够解决问题的解决方案，但最终我选择了一个妥协方案，虽然不是最好的。

在CSS文件中：

    .mylist{
       display: list-item;
       list-style: decimal;
    }

    @-moz-document url-prefix() {
       .mylist {
          list-style: disc;
       }
    }

在Opera、IE和Chrome中显示：

    1. Item 1
    2. Item 2

在Firefox中显示：

    * Item 1
    * Item 2

这将在除了Firefox之外的所有浏览器中，将十进制列表样式应用于.mylist类。而在Firefox中，则使用实心圆点列表样式。虽然这并不理想，因为它仍无法正确地对列表进行排序，但至少它允许在大多数浏览器中正确显示列表，同时在Firefox中将其转换为无序列表，而不是以“0”开头的项目列表。

Jsfiddle似乎出于某种原因不喜欢“@-moz-document”语法，但它在实际的网页中可以工作。

- CaffeineConnoisseur