蝙蝠岛资源网 Design By www.hbtsch.com

有时..有些东西Firefox 总是支持不好.......只能找私有属性来帮忙....
例子还米做...因为太多太不了解了...等理解得差不多时搞成本电子书.
虽然这些不推荐使用,可是万不得以的时候总得有个解决的方法..

At-rules

@-moz-document url(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(loaoao.com){
div{color:red;}
}

指定样式在哪个域名下有用..如 domain(loaoao.com) 可以在www.loaoao.com, lab.loaoao.com 下使用, 而如果是 domain(www.loaoao.com) 的话.就只能在 www.loaoao.com 使用

Pseudo-elements and pseudo-classes 伪类与伪对象

:-moz- 系列的还没理解清楚.不知道是不是只应用在xul上的..

Properties 属性

moz-appearance: appearance value
直接定义外观 (测试无结果..)
-moz-binding: uri | none ;
链接XBL 跟HTC很像的东东..
-moz-background-clip: border | padding ;
背景是否包括 border, padding 不包括 ,对应CSS3 background-clip
-moz-background-inline-policy: bounding-box | continuous | each-box
内联背景渲染的方式 例子
-moz-background-origin: border | padding | content
背景渲染的方式 根据 background-position 给边或者内容相反渲染. background-repeat:no-repeat 时无效 ,
对应CSS3 background-origin
-moz-border-top-colors:[color | transparent,]* color | transparent ; -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colors
给 border 定义多个颜色 从外到里..每个只有 1px,最后一个填满余下的 border,这个 border-style 也会变成 solid
没默认.无继承,可用于所有元素
-moz-border-radius: border-radius {1,4} | inherit
定义圆角 可以单独定义 -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright
-moz-box-align: start | center | end | baseline | stretch
定义内容的位置 ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-direction: normal | reverse
定义内容的相反方向, 类如direction, 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-flex: number
还不明.测试无结果. 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-ordinal-group
官方未说明
-moz-box-orient: horizontal | vertical
还不明.测试无结果. 只能用于display的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-pack: start | center | end | justify
定义内容方向,(justify 无效),如类 text-algin ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-sizing: content-box | border-box | padding-box
border 与 padding 是不要计算就 width/height 里面
-moz-image-region: rect(top, right, bottom, left);
等整理...
-moz-key-equivalent
官方未说明
-moz-opacity:number | inherit ;
透明度...同CSS3的opacity 同时定义不叠加.
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;
外的线条轮廓 同CSS3的outline 同时支持 -moz-outline-radius (圆角)

Values 属性值

cursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out
定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面
Firefox CSS私有属性备忘记录
display: -moz-box | -moz-inline-block | -moz-inline-box | -moz-inline-grid | -moz-inline-stack | -moz-inline-table | -moz-grid | -moz-grid-group | -moz-grid-line | -moz-groupbox | -moz-deck | -moz-popup | -moz-stack | -moz-run-in | -moz-compact | -moz-marker
display的一些...对应说明等添加
overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable
overflow的一些...对应说明等添加
还有好多.....等了解了再添加...

资料来源: developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions
标签:
Firefox,CSS私有属性备忘记录

蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“Firefox CSS私有属性备忘记录”

暂无Firefox CSS私有属性备忘记录的评论...

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。