IE 10 CSS 하이퍼 링크 스타일

Question

IE6/Standard 호환 브라우저로 변환하는 프로젝트를 진행 중입니다.

프로젝트 CSS

<a href="somelink.htm" class="Icon_Page"> 

.Icon_Page 
{ 
    background-image: url('../images/icons/page.png') ; 
     background-repeat: no-repeat; 
    padding:0px 16px 0px 0px; 
} 

를 사용하여 이미지로 렌더링되는 하이퍼 링크 아이콘은 16 화소의 제곱되어있다. 아래에 CSS를 업데이트했으며 이제는 Chrome과 Safari에서 더 많이 또는 덜 정확하게 렌더링합니다. IE 9/10 표준 모드에서는 이미지가 렌더링되지 않습니다. IE에서 이미지를 렌더링하기 위해 CSS가 보여줄 필요가있는 것은 무엇입니까?

Answer 1

태그 CSS에 높이와 너비를 지정하고 설정할 수 있습니다. display: block;