JQuery와 아이콘 IE9

Question

에 I가 취소 버튼을 다음과 같이 정의 렌더링하지 않습니다

<td> 
    <br /> 
    <a id="btnClear" class="custom_dialog_link ui-state-default ui-corner-all" href="#"> 
     <span class="ui-icon ui-icon-cancel"></span>Clear </a> 
    <br /> 
</td> 

<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li> 

는 IE9에서는 아래와 같이 렌더링. 나는 FF로 노력했다. 내가 호환성 모드를 설정하면

, 그것은 다음과 같이 올바르게 렌더링 : 내가 문제를 봤

, 누군가가 추가 스타일 = "인라인 블록 디스플레이"를 추천합니다. 나는

로 렌더링하지만 호환 모드로, 그것은 기본적으로 아무것도 보이지 않는다, 노력했다.

사람이 여기에 무슨 일이 일어나고 있는지 알고 있나요? 버튼을 두 번째로 렌더링하고 싶습니다. 보통 또는 호환 모드입니다. 가능한가?

Answer 1

버튼의 IE 스타일 시트에서 CSS min-width을 사용해보세요.