先贴一下css3的background-origin的兼容性css
个人代码是:
html
- <div style="
- width:300px;
- border:20px dashed #000;
- padding:20px;
- text-align:center;
- font-weight:bold;
- background:#ccc url(style/default/p_w_picpaths/ibmdw300-90.jpg) no-repeat;
- -moz-background-origin:content;
- -webkit-background-origin:content;
- -khtml-background-origin:content;
- background-origin:content;
- ">
- padding
- <div style=" height:80px; border:1px solid #333; ">content</div>
- </div>
而实现的效果在分别是:
css3
1)、在FF中属性“background-origin”的值设置为:border、padding、content时的效果始终是没有变化;
web
2)、而在Chrome中属性“background-origin”的值设置为:border、padding、content时的效果就能准确显示。
浏览器
通过以上两个浏览器的对比,发现FF中根本没有变化,但在CSS3的手册里明明就查到是3.5以上的版本都支持这个属性,而个人FF的版本:9.0.1ide
为何会出现这种状况呢??
url