확대 할 때 배경 이미지에 틈이 나타납니다.

Question

둥근 테두리가 많은 디자인이고 CSS2.1로 코딩해야합니다. 그래서 div로 코딩하여 치수가있는 배경을 제공했습니다. 브라우저 윈도우가 정상 상태 일 때 디자인이 잘 보이지만, 약 2px를 확대하면 div 사이에 간격이 표시됩니다. 이 문제는 Chrome 및 Safari에서 발생합니다.

간격을 줄이려면 어떻게해야합니까?

<div id="bigImage"> 
<div id="leftRoundCorner"></div> 
<div id="middlePart"></div> 
<div id="rightRoundCorner"></div> 
</div> 

#bigImage 
{ 
    height:20px; 
    width:20px; 
} 
#leftRoundCorner 
{ 
    height:20px; 
    width:5px; 
    float:left; 
} 
#middlePart 
{ 
    height:20px; 
    width:10px; 
    float:left; 
} 
#rightRoundCorner 
{ 
    height:20px; 
    width:5px; 
    float:right; 
} 

Answer 1

사용 CSS3는 미세 확대 보일 것입니다 방법 어떤 둥근 모서리 :

다음은 코드 예제입니다!

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

당신은 완료!