"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Chrome 및 IE9에서 지속적인 이미지 테두리를 제거하는 방법은 무엇입니까?

Chrome 및 IE9에서 지속적인 이미지 테두리를 제거하는 방법은 무엇입니까?

2024-11-09에 게시됨
검색:732

How to Remove Persistent Image Borders in Chrome and IE9?

Chrome/IE9에서 눈에 띄지 않는 이미지 테두리 제거

Chrome 또는 IE9에서 이미지를 표시할 때 설정에도 불구하고 얇은 테두리가 계속 나타날 수 있습니다. CSS의 "개요: 없음" 및 "테두리: 없음". 이 문제는 "border: none"을 재정의하는 독특한 Chrome 동작으로 인해 발생합니다.

이 문제를 해결하려면 이미지 너비와 높이를 0px로 설정하고 해당 픽셀 값으로 패딩하는 영리한 기술을 사용할 수 있습니다. 원하는 버튼 크기로 다음 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;
}

Chrome이 이러한 크기에 눈에 보이는 콘텐츠가 없다고 믿도록 속임으로써 경계를 효과적으로 제거할 수 있습니다. 이 기술은 다양한 브라우저 간의 호환성을 보장하고 Chrome에서 보기 흉한 테두리 없이 이미지를 표시할 수 있게 해줍니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3