Question

这是我的问题：我正在使用带有圆角的消息div显示叠加层（使用this）。

这是我的消息div的css代码：

#modal1
{
    margin-left: auto;
    margin-right: auto;
    display: none;
    width: 620px;
    height: 150px;
    position: relative;
    background-color: #FFF;

    border: 12px solid #FF771C;  
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;

    text-align: center;
}

我的问题是我在左上角和右上角有一个白色的“边框”（如果仔细观察）。 Here is the image所以你可以亲自看看。现在，我通过将webkit的左上角和右边界属性设置为0px来“解决”这个问题，但这不是一个解决方案，所以我问你是否有一些想法？顺便说一句，这只是为chrome开发的，这就是为什么它只是代码中的-webkit ..

修改
我在他们的论坛http://flowplayer.org/tools/forum/40/46850

上找到了解决方案

Answer 1

这似乎是你的圆形边界div后面的另一个div或元素的边界

webkit边界半径问题

1 个答案: