IE6의 단추에 대한 배경 이미지

아래 코드는 내 웹 페이지의 단추에 배경 이미지를 추가하는 방법입니다. 그것은 IE9, 파이어 폭스와 크롬에서 작동 할 수 있습니다IE6의 단추에 대한 배경 이미지

<td> 
    <input id="btn1" style="width: 25px; height: 25px; background-image: url('images/refresh.png'); background-repeat: no-repeat;" type="button" onclick="Get()"/> 
    </td>

을하지만 IE6를 사용하면, 이미지가 표시되지 않습니다. 그냥 빈 단추.

IE6 및 IE6에 표시되는 버튼에 이미지를 삽입하는 방법은 알고 계십니까?

출처

2013-05-07 Coolguy

<input type='image'> 이미지를 전송 버튼으로 정의합니다.

출처

2013-05-07 04:00:41

html로 어떤 브라우저를 사용하고 있는지 감지 할 수 있습니까? if (IE6) {} if if (IE9) {}. 이게 그거야? – Coolguy

여기에서 참조 할 수 있습니다. http://stackoverflow.com/questions/13785587/if-ie-not-working –

<input type="image" src="">을 사용할 수 있습니다. 그것은 IE와 다른 브라우저에서 잘 작동합니다.

이것은 W3C 추천 :

"상태는 사용자가 좌표 및 대안 적 형태, 또는 사용자가 양식을 제출할 수있는 제출 버튼을 선택할 수있는 화상 중 하나를 나타내는 이미지 버튼. 요소는 버튼, 특히 제출 버튼입니다. "

또는 (나는 그것이 입력 이미지를 사용하는 것이 바람직 뜻.)이 해킹을 사용할 수 있습니다

<div class="button"><input type="submit" name="" value=""></div>

그리고 CSS 파일 : 마지막 추천

div.button input { 
    background:url(/images/Btn.PNG) no-repeat; 
    cursor:pointer; 
    width: 200px; 
    height: 100px; 
    border: none; 
}

소스는 다음과 같습니다 Stack Overflow :)

출처

2013-05-07 04:13:31 starkbr

IE6의 단추에 대한 배경 이미지

답변

관련 문제