开发者社区> 问答> 正文

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

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

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

展开
收起
杨冬芳 2016-06-07 19:46:05 3147 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:30:53
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载