关于CSS3的background-origin在FF和Chrome中的差异

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

个人代码是:
html

  
  
           
  
  
  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> 

而实现的效果在分别是:
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

相关文章
相关标签/搜索