【问题标题】:How to make outer div with border-radius to cut off inner div如何使用边界半径制作外部 div 以切断内部 div
【发布时间】:2012-10-28 18:26:20
【问题描述】:

这是演示(仅适用于 webkit 浏览器)Demo 我有一个外部 div,所有四个边缘都有圆角。我里面有一个 ul 列表。该列表使用 iscroll 滚动。问题是没有边界半径的列表的 li 项目正在影响外部 div,圆角。 请看演示。看底部,不会有圆角。一旦你向下滚动,顶部就不会有圆角。

【问题讨论】:

    标签: css mobile-webkit iscroll


    【解决方案1】:

    border-radius 应该在 #viewport 上,但由于 Webkit 中的一个未解决的错误导致子内容出现在父级的圆角上:http://code.google.com/p/chromium/issues/detail?id=71639

    【讨论】:

    • iphone和安卓手机中是否存在同样的错误
    • 这是核心 Webkit 框架中的一个错误,因此它很可能适用于所有基于 Webkit 的浏览器,无论是桌面浏览器还是移动浏览器。您可以通过使用角落的图像来解决它; here's some tutorial found off Google.
    猜你喜欢
    • 2018-02-08
    • 2010-11-19
    • 1970-01-01
    • 2010-09-20
    • 1970-01-01
    • 2020-02-08
    • 1970-01-01
    • 1970-01-01
    • 2021-06-28
    相关资源
    最近更新 更多