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邊框半徑問題

回答

相關問題