Webkit边框半径问题

这是我的问题：我显示一个覆盖（使用this）带有圆角的消息div。Webkit边框半径问题

这里是消息的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来“解决”这个问题，但这不是解决方案，所以我问你是否有一些想法？顺便说一句，这只是镀铬，这就是为什么它只有在代码-webkit那里发展..

编辑：
我发现他们的论坛解决方案http://flowplayer.org/tools/forum/40/46850

来源

2011-04-29 Nikola

您可以只写：'border-radius：12px;'而不是四条线。 Chrome浏览器不再需要-webkit-前缀，我不确定Safari。 – Bazzz 2011-04-29 08:13:30

@Bazz：是的，这是可行的，但我仍然有问题 – Nikola 2011-04-29 08:30:09

上面提到的白色边框如果你删除'border：12px solid＃FF771C;'会发生什么？边界事物会消失吗？ – 2011-04-29 11:28:22

这似乎是边境另一个div或元素在圆角边框div后面

来源

2011-04-29 08:11:02

@Unmair：是的，你是对的，虽然我找不到什么，然后我发现流式播放器覆盖插件使用某种形式的图像不在我的服务器上，这是我的div。无论如何，我在这里找到了一个解决方案：http://flowplayer.org/tools/forum/40/46850 – Nikola 2011-05-04 10:38:55

我很高兴这是帮助。名称是Umair btw :) – 2011-05-06 11:19:47

Webkit边框半径问题

回答

相关问题