首页 > 如何解决background-clip在chrome,FF和IE,Safari下显示不一致的问题?

如何解决background-clip在chrome,FF和IE,Safari下显示不一致的问题?

DEMO
如题,期望的效果是当设置了这个属性值为content-box之后,浏览器会在clip对应的盒子内绘制背景,在chrome和Firefox下效果确实是这样的,但是在Safari和IE下,依然是按照padding来绘制背景,只是会将content-box外的内容裁减掉。

所以请问在不修改元素margin的情况下怎样设置才能让IE,Safari实现chrome和FireFox那样的效果呢???


这代码在 IE下 圆形失效 ~~
非要用这种方法布局的话,
有个hack: border:1px solid transparent ......
不过 content 区域只有 198*198 了

【热门文章】
【热门文章】