当前位置: 代码迷 >> HTML/CSS >> -moz红狐 (firefox)CSS
  详细解决方案

-moz红狐 (firefox)CSS

热度:375   发布时间:2012-10-08 19:54:56.0
-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

1 楼 pesserger 2012-07-18  
有例子没有
2 楼 天梯梦 2012-07-18  
<style>
    li {
        display: -moz-inline-stack;
        display: inline-block;
        *display: inline;
    }
</style>
  相关解决方案