Проблема Firefox отображает нули при отображении div в виде упорядоченных элементов списка? - PullRequest
Новая
       24

Проблема Firefox отображает нули при отображении div в виде упорядоченных элементов списка?

5 голосов
/ 19 октября 2011

Посмотрите на -

http://jsfiddle.net/v23UU/13/

Он работает в IE и Chrome, но не в Firefox 4, кто-нибудь знает почему? Я нашел что-то подобное , но не мог понять, как заставить это работать? Спасибо за вашу помощь!

Ответы [ 2 ]

3 голосов
/ 19 октября 2011

Это связано с тем, что счетчики элементов списка в действительности не являются счетчиками CSS в Gecko.Подробнее см. https://bugzilla.mozilla.org/show_bug.cgi?id=4522.

Чтобы заставить его работать, вам нужно либо использовать счетчики CSS, либо использовать фактический элемент списка.

0 голосов
/ 05 октября 2013

Не идеальный ответ на ваш вопрос, но, тем не менее, обходной путь.

Я потратил лучшую половину дня, пытаясь выяснить, как обойти эту удручающе старую ошибку (14 лет на одно исправление? Серьезно 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

Это применяет стиль десятичного списка к классу .mylist во всех браузерах, кроме Firefox, который вместо этого получает стиль списка дисков. Это не идеально, так как он по-прежнему неправильно упорядочивает ваш список в Firefox, но, по крайней мере, он позволяет списку правильно отображаться в большинстве браузеров, превращая его в неупорядоченный список в Firefox, а не в список элементов, начинающихся с «0». "..

По какой-то причине Jsfiddle не нравится синтаксис "@ -moz-document", но он работает на живых страницах.

...