【问题标题】:CSS Rounded corners Top Left corner not rounding. Ideas?CSS 圆角 左上角不圆角。想法?
【发布时间】:2012-05-14 06:09:38
【问题描述】:

好的,我正在尝试通过 CSS 来绕过我的角落,这样我就可以从我正在为客户重新制作的旧样式模板中删除一堆图像。这个想法是使用可以优雅地失败的东西。我认为一般来说。但是,在这种情况下,其中一个元素的左上角似乎没有像同一元素的其余部分在其其他角上那样进行舍入。我正在使用一个类将它传递给元素,并且这个类完美地适用于所有其他元素,它只是这个元素..

content_wrap 更具体。它是所有其他元素所在的元素。 这是它的 jsfiddle 版本。

http://jsfiddle.net/8qZze/

有人有什么想法/建议吗?

【问题讨论】:

    标签: html css rounded-corners


    【解决方案1】:

    您可以将overflow:hidden 添加到#content_wrap 以阻止任何东西从内部重叠角落。实例:http://jsfiddle.net/8qZze/1/

    #content_wrap{
        overflow: hidden
    }
    

    【讨论】:

      【解决方案2】:

      我删除了“.white”规则,它起作用了,子“content_left”有一个矩形蚂蚁,它越过“content_wrap”的圆角,尝试指定一些边距为圆角留出更多空间和一切都会好起来的。

      或者尝试 tw16 的溢出建议(忘记了 :))

      【讨论】:

        猜你喜欢
        • 2013-05-10
        • 1970-01-01
        • 1970-01-01
        • 2017-11-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-05-04
        • 2021-01-29
        相关资源
        最近更新 更多