- 浏览: 13731743 次
- 性别:
- 来自: 洛杉矶
文章分类
- 全部博客 (1994)
- Php / Pear / Mysql / Node.js (378)
- Javascript /Jquery / Bootstrap / Web (435)
- Phone / IOS / Objective-C / Swift (137)
- Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux (335)
- Perl / Koha / Ruby / Markdown (8)
- Java / Jsp (12)
- Python 2 / Wxpython (25)
- Codeigniter / CakePHP (32)
- Div / Css / XML / HTML5 (179)
- WP / Joomla! / Magento / Shopify / Drupal / Moodle / Zimbra (275)
- Apache / VPN / Software (31)
- AS3.0/2.0 / Flex / Flash (45)
- Smarty (6)
- SEO (24)
- Google / Facebook / Pinterest / SNS (80)
- Tools (22)
最新评论
-
1455975567:
xuezhongyu01 写道wocan23 写道我想问下那个 ...
Mysql: LBS实现查找附近的人 (两经纬度之间的距离) -
xuezhongyu01:
wocan23 写道我想问下那个111.1是怎么得来的我也看不 ...
Mysql: LBS实现查找附近的人 (两经纬度之间的距离) -
18335864773:
试试 pageoffice 在线打开 PDF 文件吧. pag ...
jquery在线预览PDF文件,打开PDF文件 -
青春依旧:
opacity: 0.5; 个人喜欢这种方式!关于其他css特 ...
css透明度的设置 (兼容所有浏览器) -
July01:
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而 ...
搞定网页打印自动分页问题
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
评论
li {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
}
</style>
发表评论
-
SASS界面编译工具——Koala的使用
2016-08-24 13:18 4665《SASS 界面编译 ... -
CSS3: 利用分层动画让元素沿弧形路径运动
2016-08-24 13:19 2585原文:Moving along a curved pat ... -
HTML5: 利用SVG动画动态绘制文字轮廓边框线条
2016-08-24 13:14 2134DEMO: 点击这里看效果 ... -
如何制作HTML5 SVG描边文字
2016-08-24 13:15 1868在很多时候,SVG是最容易在网页上做出文字特效的方法。现在S ... -
基本的SVG样式属性
2016-08-24 13:11 2488SVG的样式属性和CSS的语法非常接近,有时甚至是一样的 ... -
SVG 入门教程系列列表
2016-08-19 03:09 1057SVG 入门教程系列列表: SVG 教程 (一) ... -
CSS3: 动画循环执行(带延迟)的实现
2016-08-11 01:23 11080出处:http://www.cnblogs.com/s ... -
CSS3: 常用动画特效及4个最流行的动画库
2016-08-11 01:00 7185一、animates.css animate.css是来自 ... -
HTML5: 全局属性
2016-08-01 08:03 987出处:http://www.cnblogs.com/s ... -
CSS: 深入理解BFC和Margin Collapse (margin叠加或者合并外边距)
2016-08-01 07:57 2719BFC的理解与应用 首先我们来看看w3c规范对BFC的解释 ... -
详解CSS的盒模型(box model) 及 CSS3新增盒模型计算方式box-sizing
2016-08-01 07:55 1914W3C规范 一般来说,页面中的每一个元素都会形成一个矩形盒 ... -
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?
2016-07-29 13:00 3961原文:CSS: div高度自动适应背景图片的高度 How t ... -
移动开发需要知道的像素知识『多图』
2016-07-29 12:48 884像素(Pixel)对于WEB开 ... -
HTML5: 两个viewport的故事(第一部分)
2016-07-29 12:45 765英文:http://www.quirksmode.org/m ... -
HTML5: 两个viewport的故事(第二部分)
2016-07-28 05:23 789英文:http://www.quirksmode ... -
CSS3 媒体查询移动设备尺寸 Media Queries for Standard Devices (包括 苹果手表 apple watch)
2016-07-28 05:18 10501. Phones and Handhelds a) ... -
CSS3: 移动端开发中 max-device-width 与 max-width 的区别
2016-07-28 05:17 11573翻译自stackoverflow.com,源地址:http: ... -
CSS:媒体查询 CSS3 Media Queries
2016-07-28 05:11 1341定义和使用 使用 @medi ... -
CSS: SASS用法指南 (附视频)
2016-07-28 05:05 966观看视频: CSS: SASS用法指南 ... -
九张 Gif 图回顾 Web 设计的 25 年历史
2016-07-27 10:51 733原文出处: fastcodesign ...
相关推荐
本文将深入探讨FireFox火狐浏览器与Internet Explorer(简称IE)在处理特定CSS属性——尤其是滤镜效果方面存在的差异,并通过具体的示例代码来说明这些差异。 #### 一、概述 FireFox和IE作为两大主流浏览器,在其...
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 ...
而在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(Internet Explorer)和Firefox,开发者经常面临样式兼容性问题。本文将深入探讨在IE和Firefox中常见的CSS样式问题及其解决方案。 1. **盒模型差异** - IE...
`-moz-user-select`是Mozilla Firefox浏览器特有的CSS属性,用于控制元素是否允许用户选择其内容。当`-moz-user-select`设置为`none`时,用户无法通过鼠标选择该元素内的文本。例如: ```css element { -moz-user-...
在网页设计领域,Internet Explorer(简称IE)和Mozilla Firefox(简称Firefox)是两种常见的浏览器,它们对CSS(层叠样式表)的支持有所不同,这给开发者带来了兼容性问题。本篇文章将详细探讨IE与Firefox在CSS解析...
此外,Firefox还支持使用`-moz-border-*-colors`为边框定义多层颜色,`-moz-box-align`、`-moz-box-direction`、`-moz-box-flex`等属性则与Flexbox布局相关,它们允许在Firefox早期版本中实现类似的功能。`-moz-box-...
### 给moz-firefox下添加IE方法和属性 #### 背景介绍 在Web开发过程中,由于不同的浏览器对Web标准的支持程度不一,开发者往往需要处理浏览器间的兼容性问题。尤其是在早期,Internet Explorer(IE)与其他现代...
- Firefox则使用CSS样式`-moz-user-select: none`来禁止选取。 3. **滤镜(例如透明效果)**: - IE使用`filter: alpha(opacity=10)`来实现透明效果。 - Firefox使用`-moz-opacity: 0.10`或`opacity: 0.10`。 4...
例如,对于多行文本的省略,Firefox支持CSS3的`-moz-line-clamp`属性,而其他浏览器可能需要使用伪元素和绝对定位来模拟这个效果。 在提供的文件列表中,`test.htm`可能是一个包含上述CSS样式的HTML文件,而`...
本文将详细探讨如何实现CSS3圆角在火狐(Firefox)、Internet Explorer(IE)以及基于WebKit内核的浏览器(如Chrome和Safari)中的兼容性。 1. **火狐浏览器(Firefox)兼容性** 火狐从Firefox 3.6版本开始支持CSS...
- 对于Firefox、Chrome、Safari等现代浏览器,一些CSS3特性需要加上厂商前缀,如`-moz-`、`-webkit-`等,以确保兼容。 4. **重置CSS(Reset CSS)** - 使用重置CSS可以消除浏览器默认样式差异,例如Eric Meyer的...
通过这次【workshop-moz-firefoxos-gh-pages】的资源,参与者将有机会深入了解Firefox OS的架构、开发流程和最佳实践,提升其在Web技术领域的专业技能。无论是对于开发者还是对移动平台有兴趣的人员,这都是一次宝贵...
**Firefox UI 自定义:使用自定义 CSS 更改 Firefox UI** Firefox 浏览器以其高度的可定制性而闻名,用户可以通过各种方式调整其界面以适应个人偏好。在本主题中,我们将深入探讨如何利用自定义 CSS(层叠样式表)...
标题“margin-top在火狐和IE的区别”涉及的是网页布局中关于CSS属性`margin-top`在不同浏览器,尤其是Firefox和Internet Explorer(IE)之间表现不一致的问题。在描述中提到,当设置`margin-top`时,可能会导致定位...
- 为了应对解析差异,开发者经常使用特定的 CSS Hack,如 `*html .class { ... }` 用于 IE6,`-moz-linear-gradient` 用于 Firefox。 9. **错误处理**: - **IE**:在某些情况下,JavaScript 错误可能导致整个...
在本文中,我们将深入探讨如何使用CSS3实现一个超酷的3D图片旋转效果,尤其关注如何让图片在鼠标悬停时实现360度旋转,并兼容Chrome和Firefox浏览器。CSS3是层叠样式表(Cascading Style Sheets)的一个重要升级版本...
- **CSS前缀**:为Firefox等非IE浏览器添加特定的前缀,如`-moz-`。 - **JavaScript库**:使用jQuery、Prototype等库,它们封装了浏览器兼容性问题,使代码在各浏览器间运行顺畅。 - **特性检测**:通过检测...