테두리 이미지, 테두리 반경

Question

둥근 모서리와 테두리 이미지가있는 div에 문제가 있습니다. 테두리 이미지는 사각형으로 유지되고 div는 둥근 모서리를 갖습니다. 내가 필요로하는 것은 국경 반지름에서 둥근 모서리로 작업하는 이미지 테두리입니다.

-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
border-radius: 20px; 
border:2px solid; 
-moz-border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
-webkit-border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
-o-border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
width:100%; 

Answer 1

이

상자의 배경 경계 반경의 위치에 이미지를 가질 수 없으나, "배경 클립에 의해 결정되지 테두리 화상이, (적절한 곡선 클리핑 '). 테두리 나 패딩 가장자리에 클립하는 다른 효과 (예 : '보이는'이외의 '오버플로')도 커브까지 클립해야합니다. 대체 된 요소의 내용은 항상 내용 가장자리 커브로 트리밍됩니다. 또한 경계 모서리의 곡선 밖에있는 영역은 요소 대신 마우스 이벤트를 허용하지 않습니다.

Answer 2

border-image가 작동하려면 border-style 및 border-width를 지정해야합니다 (none 또는 0으로 설정하지 않음). border-image가 border-style을 잘못 재정의하는 버그가 있습니다. 이 link1은