\'border: none;\'이 있어도 Chrome 및 IE9에서 이미지에 여전히 테두리가 있는 이유는 무엇입니까?

Chrome 및 IE9 테두리 억제 기술

Chrome 및 IE9에서 이미지 주위에 남아 있는 보기 흉한 테두리를 제거하는 것은 실망스러운 작업일 수 있습니다. 테두리 속성을 "없음"으로 설정했음에도 불구하고 이러한 브라우저는 완고하게 얇은 선을 유지합니다.

잠재적 원인 및 해결 방법:

• Chrome 버그: Chrome은 "border:none;"을 무시합니다. 스타일, 특히 특정 크기의 이미지에 적합합니다. 이를 방지하려면 너비와 높이를 0으로 할당하고 원하는 이미지 크기를 수용할 수 있는 정확한 패딩 값을 결합하여 Chrome에서 이미지가 없는 것으로 인식하도록 속입니다.
• IE9 동작: IE9는 픽셀- 이미지를 클릭하면 이미지 주변의 얇은 선택 테두리가 나타납니다. 이를 제거하려면 "user-select" 속성을 비활성화하십시오.

구현 예:

Chrome용 CSS 버그:

<code class="css">#dlbutn {
    display:block;
    width:0px;
    height:0px;
    outline:none;
    padding:43px 51px 43px 51px;
    margin:0 auto 5px auto;
    background-image:url(/images/download-button-102x86.png);
    background-repeat:no-repeat;
}</code>

IE9 선택 테두리용 CSS:

<code class="css">img {
    -ms-user-select:none;
    user-select:none;
}</code>

추가 팁:

• 이미지가 다음과 같은지 확인하세요. 테두리가 있는 다른 요소에 래핑되지 않아야 합니다.
• 테두리 모양에 영향을 줄 수 있는 공급업체 접두어를 확인하세요.
• 하드웨어 가속을 일시적으로 비활성화하여 테두리 동작에 영향을 미치는지 확인하세요.

위 내용은 \'border: none;\'이 있어도 Chrome 및 IE9에서 이미지에 여전히 테두리가 있는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!