先贴一下css3的background-origin的兼容性

我的代码是:

 
  
  1. <div style=" 
  2.     width:300px; 
  3.     border:20px dashed #000; 
  4.     padding:20px; 
  5.     text-align:center; 
  6.     font-weight:bold; 
  7.     background:#ccc url(style/default/p_w_picpaths/ibmdw300-90.jpg) no-repeat; 
  8.     -moz-background-origin:content
  9.     -webkit-background-origin:content
  10.     -khtml-background-origin:content
  11.     background-origin:content
  12.     "> 
  13.     padding 
  14.     <div style=" height:80px; border:1px solid #333; ">content</div> 
  15. </div> 

而实现的效果在分别是:

   1)、在FF中属性“background-origin”的值设置为:border、padding、content时的效果始终是没有变化;

   2)、而在Chrome中属性“background-origin”的值设置为:border、padding、content时的效果就能准确显示。

经过以上两个浏览器的对比,发现FF中根本没有变化,但在CSS3的手册里明明就查到是3.5以上的版本都支持这个属性,而我的FF的版本:9.0.1

为什么会出现这种情况呢??