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

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

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

阅读 5.2k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题