`
天梯梦
  • 浏览: 13731743 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

-moz火狐 (firefox)CSS

阅读更多

Mozilla浏览器支持一些扩展的CSS是以-moz开头的。这些措施包括了一些功能,包括圆形边界,并能够指定不同的方块的宽度和高度的计算,在非标准方式下,这种css在Mozilla浏览器下执行计算更容易得到支持。

有些特性在后来被提议列入的CSS规范,但标准的属性与-moz属性还是有些不同。

其中一些非标准属性只适用于Mozilla浏览器。

 

 

CSS 的兼容时往往不同的浏览器会有自己的识别专用符,这里找了几个常用的个浏览器的专用识别方法。

-khtml如:Safari浏览器

-moz如Firefox浏览器

-webkit如谷歌浏览器

-o如Opera浏览器

 

At-rules

* @-moz-document

Pseudo-elements and pseudo-classes

* :-moz-list-bullet控制list-style的大小。
* :-moz-first-node伪对象:第一个节点。
* :-moz-last-node 伪对象:最后一个节点。
* :-moz-only-whitespace伪对象:空白内容。
* :-moz-bound-element
* :-moz-any-link (matches :link and :visited)
* :-moz-drag-over
* :-moz-tree-row
* :-moz-tree-row(hover) New in Firefox 3
* :-moz-tree-cell
* :-moz-tree-checkbox
* :-moz-tree-column
* :-moz-tree-cell-text
* :-moz-tree-cell-text(hover) New in Firefox 3
* :-moz-tree-twisty
* :-moz-tree-indentation
* :-moz-tree-line
* :-moz-tree-image
* :-moz-tree-separator
* :-moz-tree-drop-feedback
* :-moz-tree-progressmeter
* :-moz-system-metric(windows-default-theme) New in Firefox 3
* :-moz-system-metric(mac-graphite-theme) New in Firefox 3.1 bug 448767
* :-moz-system-metric(images-in-menus) New in Firefox 3
* :-moz-system-metric(scrollbar-start-backward) New in Firefox 3
* :-moz-system-metric(scrollbar-start-forward) New in Firefox 3
* :-moz-system-metric(scrollbar-end-backward) New in Firefox 3
* :-moz-system-metric(scrollbar-end-forward) New in Firefox 3
* :-moz-system-metric(scrollbar-thumb-proportional) New in Firefox 3
* :-moz-alt-text New in Firefox 3
* :-moz-placeholder New in Firefox 3
* :-moz-broken New in Firefox 3
* ::-moz-svg-foreign-content
* ::-moz-scrolled-page-sequence
* ::-moz-scrolled-content
* ::-moz-anonymous-block
* ::-moz-cell-content
* ::-moz-anonymous-positioned-block
* ::-moz-pagecontent
* ::-moz-page
* ::-moz-page-sequence
* ::-moz-pagebreak
* ::-moz-viewport
* ::-moz-viewport-scroll
* ::-moz-canvas
* ::-moz-scrolled-canvas
* ::-moz-xul-anonymous-block
* ::-moz-table
* ::-moz-table-cell
* ::-moz-table-row-group
* ::-moz-table-column-group
* ::-moz-table-column
* ::-moz-table-row
* ::-moz-table-outer
* ::-moz-inline-table

Properties

* -moz-appearance
* -moz-binding
* -moz-background-clip
* -moz-background-inline-policy
* -moz-background-origin
* -moz-border-image New in Firefox 3.1 bug 378217
* -moz-border-top-colors
* -moz-border-right-colors
* -moz-border-bottom-colors
* -moz-border-left-colors
* -moz-border-radius
* -moz-border-radius-topleft
* -moz-border-radius-topright
* -moz-border-radius-bottomleft
* -moz-border-radius-bottomright
* -moz-box-align
* -moz-box-direction
* -moz-box-flex
* -moz-box-ordinal-group
* -moz-box-orient
* -moz-box-pack
* -moz-box-shadow New in Firefox 3.1 bug 212633
* -moz-box-sizing
* -moz-image-region
* -moz-box-flexgroup
* -moz-opacity Obsolete
* -moz-outline Deprecated
* -moz-outline-color Deprecated
* -moz-outline-offset
* -moz-outline-radius
* -moz-outline-radius-topleft
* -moz-outline-radius-topright
* -moz-outline-radius-bottomleft
* -moz-outline-radius-bottomright
* -moz-outline-style Deprecated
* -moz-outline-width Deprecated
* -moz-user-focus
* -moz-user-input
* -moz-user-modify
* -moz-user-select
* -moz-window-shadow New in Firefox 3.1 bug 450939

* CSS3 Box
o overflow-x
o overflow-y

* CSS3 Columns
o -moz-column-count
o -moz-column-gap
o -moz-column-width
o -moz-column-rule New in Firefox 3.1 bug 271586
o -moz-column-rule-width New in Firefox 3.1 bug 271586
o -moz-column-rule-style New in Firefox 3.1 bug 271586
o -moz-column-rule-color New in Firefox 3.1 bug 271586
* CSS transforms
o -moz-transform New in Firefox 3.1
o -moz-transform-origin New in Firefox 3.1

* -moz-float-edge
* -moz-border-end
* -moz-border-end-color
* -moz-border-end-style
* -moz-border-end-width
* -moz-border-start bug 74880
* -moz-border-start-color
* -moz-border-start-style
* -moz-border-start-width
* -moz-margin-end
* -moz-margin-start
* -moz-padding-start
* -moz-padding-end
* -moz-force-broken-image-icon
* -moz-stack-sizing New in Firefox 3.1

Values

* cursor
o -moz-alias
o -moz-cell
o -moz-context-menu
o -moz-copy
o -moz-grab
o -moz-grabbing
o -moz-spinning
o -moz-zoom-in
o -moz-zoom-out

* display
o -moz-box
o -moz-inline-block
o -moz-inline-box
o -moz-inline-grid
o -moz-inline-stack
o -moz-inline-table
o -moz-grid
o -moz-grid-group
o -moz-grid-line
o -moz-groupbox
o -moz-deck
o -moz-popup
o -moz-stack
o -moz-run-in
o -moz-compact
o -moz-marker

* overflow
o -moz-scrollbars-horizontal
o -moz-scrollbars-none
o -moz-scrollbars-vertical
o -moz-hidden-unscrollable

Note: All of these values should be considered deprecated. Use of the overflow-x and overflow-y is preferred, although it does not replace the last of these.

* border-style and outline-style
o -moz-bg-inset - Makes the inset border to blend with then current background (scheduled for removal bug 84307 )
o -moz-bg-outset - Makes the outset border to blend with then current background (scheduled for removal bug 84307 )
o -moz-bg-solid - Makes the solid border to blend with then current background (scheduled for removal bug 84307 )

* border-color
o -moz-use-text-color

* For all properties accepting color keywords
o -moz-activehyperlinktext
o -moz-hyperlinktext
o -moz-visitedhyperlinktext
o -moz-buttondefault
o -moz-buttonhoverface
o -moz-buttonhovertext
o -moz-cellhighlight
o -moz-cellhighlighttext
o -moz-field
o -moz-fieldtext
o -moz-dialog
o -moz-dialogtext
o -moz-dragtargetzone
o -moz-mac-accentdarkestshadow
o -moz-mac-accentdarkshadow
o -moz-mac-accentface
o -moz-mac-accentlightesthighlight
o -moz-mac-accentlightshadow
o -moz-mac-accentregularhighlight
o -moz-mac-accentregularshadow
o -moz-mac-chrome-active New in Firefox 3.1 bug 449833
o -moz-mac-chrome-inactive New in Firefox 3.1 bug 449833
o -moz-mac-focusring
o -moz-mac-menuselect
o -moz-mac-menushadow
o -moz-mac-menutextselect
o -moz-menuhover
o -moz-menuhovertext
o -moz-win-communicationstext New in Firefox 3
o -moz-win-mediatext New in Firefox 3
o -moz-nativehyperlinktext New in Firefox 3.1 bug 426732

* empty-cells
o -moz-show-background (default value in quirks mode)

* font-family
o -moz-fixed

* font
o -moz-button
o -moz-info
o -moz-desktop
o -moz-dialog (also a color)
o -moz-document
o -moz-workspace
o -moz-window
o -moz-list
o -moz-pull-down-menu
o -moz-field (also a color)

* text-align
o -moz-center
o -moz-left
o -moz-right

* text-decoration
o -moz-anchor-decoration

* -moz-user-select
o -moz-all
o -moz-none

* list-style-type
o -moz-arabic-indic
o -moz-bengali
o -moz-cjk-earthly-branch
o -moz-cjk-heavenly-stem
o -moz-devanagari
o -moz-ethiopic-halehame
o -moz-ethiopic-halehame-am
o -moz-ethiopic-halehame-ti-er
o -moz-ethiopic-halehame-ti-et
o -moz-ethiopic-numeric
o -moz-gujarati
o -moz-gurmukhi
o -moz-hangul
o -moz-hangul-consonant
o -moz-japanese-formal
o -moz-japanese-informal
o -moz-kannada
o -moz-khmer
o -moz-lao
o -moz-malayalam
o -moz-myanmar
o -moz-oriya
o -moz-persian
o -moz-simp-chinese-formal
o -moz-simp-chinese-informal
o -moz-tamil
o -moz-telugu
o -moz-thai
o -moz-trad-chinese-formal
o -moz-trad-chinese-informal
o -moz-urdu

* width , min-width , max-width (see bug 311415 )
o -moz-min-content New in Firefox 3
o -moz-fit-content New in Firefox 3
o -moz-max-content New in Firefox 3
o -moz-available New in Firefox 3

* -moz-appearance
o -moz-win-browsertabbar-toolbox New in Firefox 3
o -moz-win-communications-toolbox New in Firefox 3
o -moz-win-media-toolbox New in Firefox 3
o -moz-mac-unified-toolbar New in Firefox 3.1

Others

* color 'functions'
o -moz-hsla (hue, saturation, lightness, opacity)
o -moz-rgba

* -moz-initial - The value -moz-initial is a partial implementation of css3's initial used to apply the CSS specification's initial value of a property to an element.

* -moz-math-columnline
* -moz-math-firstcolumn
* -moz-math-firstrow
* -moz-math-font-size
* -moz-math-font-style
* -moz-math-lastcolumn
* -moz-math-lastrow
* -moz-math-rowline

CSS Transforms

From CSS Transforms spec (Webkit)

* -moz-transform CSS Transforms introduction New in Firefox 3.1 bug 435293
* -moz-transform-origin New in Firefox 3.1 bug 435293

分享到:
评论
2 楼 天梯梦 2012-07-18  
<style>
    li {
        display: -moz-inline-stack;
        display: inline-block;
        *display: inline;
    }
</style>
1 楼 pesserger 2012-07-18  
有例子没有

相关推荐

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    本文将深入探讨FireFox火狐浏览器与Internet Explorer(简称IE)在处理特定CSS属性——尤其是滤镜效果方面存在的差异,并通过具体的示例代码来说明这些差异。 #### 一、概述 FireFox和IE作为两大主流浏览器,在其...

    CSS-Reference-Firefox参考文档

    See also Mozilla CSS Extensions for Gecko-specific properties prefixed with -moz; and WebKit CSS Extensions for WebKit-specific properties. See Vendor-prefixed CSS Property Overview by Peter Beverloo ...

    css 让文字不被选中之-moz-user-select 属性介绍

    而在firefox下,文字不会被选中,查看google calender的css,原来还有-moz-user-select这个属性,很好玩! 最后采用一个了js方法,即onselectstart=function{return false;},不让页面进行选择,呵呵,这是很多网站...

    火狐兼容代码

    1. `-moz-` 前缀:Firefox早期版本支持的一些CSS3特性需要使用特定的前缀 `-moz-`,例如 `-moz-border-radius` 用于圆角边框,`-moz-box-shadow` 用于阴影效果,以及 `-moz-transform` 用于二维和三维变换。...

    CSS在ie firefox中 样式问题

    然而,由于各个浏览器对CSS规范的实现存在差异,尤其是IE(Internet Explorer)和Firefox,开发者经常面临样式兼容性问题。本文将深入探讨在IE和Firefox中常见的CSS样式问题及其解决方案。 1. **盒模型差异** - IE...

    -moz-user-select与onselectstart 禁止选择文字的方法

    `-moz-user-select`是Mozilla Firefox浏览器特有的CSS属性,用于控制元素是否允许用户选择其内容。当`-moz-user-select`设置为`none`时,用户无法通过鼠标选择该元素内的文本。例如: ```css element { -moz-user-...

    IE与Firefox的CSS兼容大全

    在网页设计领域,Internet Explorer(简称IE)和Mozilla Firefox(简称Firefox)是两种常见的浏览器,它们对CSS(层叠样式表)的支持有所不同,这给开发者带来了兼容性问题。本篇文章将详细探讨IE与Firefox在CSS解析...

    CSS的私有属性小结(针对FireFox浏览器)

    此外,Firefox还支持使用`-moz-border-*-colors`为边框定义多层颜色,`-moz-box-align`、`-moz-box-direction`、`-moz-box-flex`等属性则与Flexbox布局相关,它们允许在Firefox早期版本中实现类似的功能。`-moz-box-...

    给moz-firefox下添加IE方法和属性

    ### 给moz-firefox下添加IE方法和属性 #### 背景介绍 在Web开发过程中,由于不同的浏览器对Web标准的支持程度不一,开发者往往需要处理浏览器间的兼容性问题。尤其是在早期,Internet Explorer(IE)与其他现代...

    IE与FireFox的js和css几处不同点

    - Firefox则使用CSS样式`-moz-user-select: none`来禁止选取。 3. **滤镜(例如透明效果)**: - IE使用`filter: alpha(opacity=10)`来实现透明效果。 - Firefox使用`-moz-opacity: 0.10`或`opacity: 0.10`。 4...

    firefox下溢出部分省略号显示

    例如,对于多行文本的省略,Firefox支持CSS3的`-moz-line-clamp`属性,而其他浏览器可能需要使用伪元素和绝对定位来模拟这个效果。 在提供的文件列表中,`test.htm`可能是一个包含上述CSS样式的HTML文件,而`...

    css3圆角兼容火狐、IE和webkit

    本文将详细探讨如何实现CSS3圆角在火狐(Firefox)、Internet Explorer(IE)以及基于WebKit内核的浏览器(如Chrome和Safari)中的兼容性。 1. **火狐浏览器(Firefox)兼容性** 火狐从Firefox 3.6版本开始支持CSS...

    解决CSS在IE与火狐下的兼容问题

    - 对于Firefox、Chrome、Safari等现代浏览器,一些CSS3特性需要加上厂商前缀,如`-moz-`、`-webkit-`等,以确保兼容。 4. **重置CSS(Reset CSS)** - 使用重置CSS可以消除浏览器默认样式差异,例如Eric Meyer的...

    workshop-moz-firefoxos:Firefox OS研讨会

    通过这次【workshop-moz-firefoxos-gh-pages】的资源,参与者将有机会深入了解Firefox OS的架构、开发流程和最佳实践,提升其在Web技术领域的专业技能。无论是对于开发者还是对移动平台有兴趣的人员,这都是一次宝贵...

    Firefox-UI-自定义:使用自定义CSS更改Firefox UI

    **Firefox UI 自定义:使用自定义 CSS 更改 Firefox UI** Firefox 浏览器以其高度的可定制性而闻名,用户可以通过各种方式调整其界面以适应个人偏好。在本主题中,我们将深入探讨如何利用自定义 CSS(层叠样式表)...

    margin-top在火狐和IE的区别

    标题“margin-top在火狐和IE的区别”涉及的是网页布局中关于CSS属性`margin-top`在不同浏览器,尤其是Firefox和Internet Explorer(IE)之间表现不一致的问题。在描述中提到,当设置`margin-top`时,可能会导致定位...

    javascript和css在IE和Firefox中的不同点

    - 为了应对解析差异,开发者经常使用特定的 CSS Hack,如 `*html .class { ... }` 用于 IE6,`-moz-linear-gradient` 用于 Firefox。 9. **错误处理**: - **IE**:在某些情况下,JavaScript 错误可能导致整个...

    超酷CSS3图片3D旋转效果,鼠标悬停后,图片会3d旋转到另外一面。兼容chrome、firefox浏览器.rar

    在本文中,我们将深入探讨如何使用CSS3实现一个超酷的3D图片旋转效果,尤其关注如何让图片在鼠标悬停时实现360度旋转,并兼容Chrome和Firefox浏览器。CSS3是层叠样式表(Cascading Style Sheets)的一个重要升级版本...

    js、css在IE和火狐上的差异和处理方法

    - **CSS前缀**:为Firefox等非IE浏览器添加特定的前缀,如`-moz-`。 - **JavaScript库**:使用jQuery、Prototype等库,它们封装了浏览器兼容性问题,使代码在各浏览器间运行顺畅。 - **特性检测**:通过检测...

Global site tag (gtag.js) - Google Analytics