關於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

相關文章
相關標籤/搜索