<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"/><title>CSS Backgrounds Test:background clip property with value content-box</title><linkrel="author"title="yanshasha"href="mailto:yanshasha133@gmail.com"/><linkrel="reviewer"title="Dayang Shen"href="mailto:shendayang@baidu.com"/><!-- 2013-08-26 --><linkrel="help"href="http://www.w3.org/TR/css3-background/#the-background-clip"/><linkrel="match"href="reference/css3-background-clip-content-box-ref.html"/><styletype="text/css">.box{width:200px;height:200px;position:relative;}.boxdiv{position:absolute;}#div1{top:0;left:0;right:0;bottom:0;background-color:green;}#div2{top:15px;left:15px;right:15px;bottom:15px;background-color:red;}#div3{top:0;left:0;right:0;bottom:0;border:solid15pxtransparent;padding:15px;background-color:yellow;background-clip:content-box;}</style></head><body><p> The test passes if threre are three overlapping squares with different color(green,red and yellow from outside to inside).</p><divclass="box"><divid="div1"></div><divid="div2"></div><divid="div3"></div></div></body></html>