2011-09-01 101 views
2

我在使用CSS的不同邊框顏色和邊框半徑時出現問題。Google Chrome上的CSS邊框問題

我已經創建了一個框,並在框的頂部添加了一個邊框,如下圖所示。

不過,我想上邊框伸展框的整個寬度,但似乎是一個問題。這個問題只發生在PC上的谷歌Chrome瀏覽器上,Safari和Internet Explorer似乎很好。

#box { 
    width:250px; 
    height: 250px; 
    background: #acacac; 
    position: absolute; 
    right:10px; 
    top:315px; 
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    border-top: 45px solid white; 
} 
+3

請發佈您的HTMl + CSS:http://jsfiddle.net/ –

+0

似乎像邊框式插圖...將其設置爲固定? – Cristy

+0

[Chrome,Opera,Safari] CSS3 border radius問題的可能重複(http://stackoverflow.com/questions/5963696/css3-border-radius-problem-with-chrome-opera-safari) – tw16

回答

0

這是一個CSS邊框的問題,它是如何創建您在某些博客中看到的箭頭。這是如何實現帶圓角邊框的限制。