CSS3 background-clip使用实例页面

代码:

CSS代码:
.background_clip{
    width:256px;
    height:180px;
    padding:20px;
    border:20px dotted #cad5eb;
    background:#f0f3f9 url(//image.zhangxinxu.com/image/study/s/s256/mm1.jpg) no-repeat;
    -moz-background-origin:padding; 
    -webkit-background-origin:padding; 
    -moz-background-clip:padding;
    -webkit-background-clip:padding;
    text-shadow:1px 1px white;
}
                
HTML代码:
<div class="background_clip">注意背景图片及背景颜色起始的位置</div>
                

效果:

注意背景图片及背景颜色起始的位置