이상한 흰색 픽셀 테두리 - IE 9

enter image description here

IE-9에 국경 반경이 문제가 왼쪽 테두리에 약간의 흰색 픽셀을 생성합니다. 왜 그런 아이디어가 있니?

이는 IE 9에서 발생 는 모든 다른 브라우저

이 마크 업입니다 확인됩니다

#article_sidebar ul.tags li { 
    background: #000000; 
    list-style: none; 
    float: left; 
    margin-right: 4px; 
    padding: 0px 18px 0px 19px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    line-height: 20px; 
    margin-bottom: 4px; 
}

출처

2013-03-07 Anonymous

IE9에서 페이지를 확대 했습니까? – Mark

아니요, 100 % 확대되었습니다. –

이 문제는 발생하지 않습니다. IE9에서 테스트 한 데모입니다. – otinanai

내가해야한다면 :

    <ul class="tags clearfix"> 
         <li> 
          <a href="javascript:void(0)">Etiqueta Uno</a> 
         </li> 
         <li> 
          <a href="javascript:void(0)">Otra etiqueta</a> 
         </li> 
        </ul><!-- tags -->

이것은 CSS입니다 맞춰, 나는 반올림 오류라고 말하고 싶습니다. 이것은 계산 된 값이 종료되지 않은 부동 소수점 값 (예 : - 3.3333333 ...)과 같은 특정 조건에서 발생할 수 있습니다. 브라우저가 반올림을 수행하는 방법에 따라 표시되는 것과 같은 시각적 오류가 발생할 수 있습니다.

패딩 값을 살펴보십시오. 패딩 오른쪽이 18 픽셀이고 오른쪽에이 문제가 없지만 왼쪽 패딩은 19 픽셀입니까? 왼쪽 패딩을 18px로 변경하고 문제가 해결되는지 확인하십시오.

또한 경계 반경 값을 3px 또는 4px와 같이 약간 큰 것으로 변경하고 변경 사항이 있는지 확인하십시오.

실수로 약간 확대하지 않았는지 확인하십시오. ctrl + 을 눌러 브라우저의 확대/축소가 재설정되었는지 확인할 수 있습니다.

출처

2013-03-07 15:11:38 Shauna

li에 대해서는 overflow: hidden;, a에 대해서는 outline: none;으로 설정할 수 있습니다.

출처

2013-03-07 18:18:43 Teemu

@fxg IE 전용 스타일 시트을 사용해보십시오. 당신은 IE 목표로하고 그 스타일에 당신은 당신을 위해 작동

li{ 
    border: 0 none; 
}

희망, 줄 수, 스타일 시트를 만들기위한 this을 참조 할 수 있습니다.

출처

2013-04-06 10:21:20 V15HM4Y

이상한 흰색 픽셀 테두리 - IE 9

답변

관련 문제