当前位置：文江博客话题详情

将 div 显示为有序列表项时，Firefox 问题显示零？

发布于 2024-12-10 15:17:47 字数 298 浏览 0 评论 0原文

看看 -

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

它适用于 IE和 Chrome 但不在 firefox 4 中有人知道为什么吗？我发现了一些类似但不知道如何让它工作？感谢您的帮助！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你的心境我的脸 2024-12-17 15:17:48

这与以下事实有关：在 Gecko 中，列表项计数器实际上并不是 CSS 计数器。请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=4522 了解详情。

为了让它工作，你需要使用 CSS 计数器或者有一个实际的列表元素。

回复收藏 0 原文

浮生未歇 2024-12-17 15:17:48

这不是您问题的完美答案，但仍然是一种解决方法。

我花了大半天的时间试图弄清楚如何解决这个令人沮丧的老错误（一个错误修复了 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

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

无论出于何种原因，Jsfiddle 似乎不喜欢“@-moz-document”语法，但它可以在实时页面中使用。

Not a perfect answer to your question, but a work-around nonetheless.

I spent the better half of a day trying to figure out how to work around this frustratingly old bug (14 years for one bugfix? Seriously Mozilla?). I couldn't figure out a solution that fixed the problem, but eventually I settled on a compromise which is better than nothing.

In the CSS file:

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

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

Displays in Opera, IE, Chrome:

    1. Item 1
    2. Item 2

Displays in Firefox:

    * Item 1
    * Item 2

This applies the decimal list style to the .mylist class in all browsers except Firefox, which gets the disc list style instead. This is not ideal, as it still doesn't properly order your list in Firefox, but at least it allows the list to properly display in most browsers while turning it into an unordered list in Firefox rather than a list of items starting with "0.".

Jsfiddle doesn't seem to like the "@-moz-document" syntax for whatever reason, but it works in live pages.

回复收藏 0 原文

~没有更多了~