2011-09-01 103 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边框的问题,它是如何创建您在某些博客中看到的箭头。这是如何实现带圆角边框的限制。