先貼一下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