Google 크롬의 CSS 테두리 문제

내 웹 사이트의 CSS에서 테두리 색과 경계선 반경에 문제가 있습니다.Google 크롬의 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; 
}

출처

2011-09-01 Wilky94

HTMl + CSS를 게시하십시오. http://jsfiddle.net/ –

테두리 스타일이 삽입되어 있습니다. 고정으로 설정 하시겠습니까? – Cristy

가능한 [Chrome, Opera, Safari의 CSS3 경계 반경 문제] 중복 (http://stackoverflow.com/questions/5963696/css3-border-radius-problem-with-chrome-opera-safari) – tw16

이것은 CSS 테두리의 문제이며 일부 블로그에서 볼 수있는 화살표를 만드는 방법입니다. 둥근 모서리가있는 테두리를 구현하는 방법의 한계입니다.

출처

2011-09-01 19:53:06 Seth

Google 크롬의 CSS 테두리 문제

답변

관련 문제