제출 버튼을 이미지로 표시

이미지로 표시되는 표 셀 안에 양식 버튼을 배치하려고합니다. 단순히 입력 유형을 이미지로 설정할 수는 있지만 마우스 좌표를 GET으로 전달하지 않으려합니다. 제출 버튼을 이미지로 표시

이

내가 무엇을 시도했다입니다 :

HTML :

<form action='php/like.php' method='get'> 
    <input type='submit' id='like' title='like' name='id' value='<?php echo $value[id]; ?>' /> 
</form>

CSS : enter image description here

:이 (파이어 폭스와 크롬에서 테스트) 내 결과입니다

#like { 
    background: url('images/star.png') no-repeat; 
    width: 16px; 
    height: 16px; 
}

어떻게 이미지를 표시 할 수 있습니까?

출처

2014-04-26 Someone

font-size:0;

클래스에 제출 버튼을 오버레이하는 텍스트를 제거합니다.

출처

2014-04-26 12:32:27 Rookasaur

감사합니다. 그러나 이미지를 표시하는 방법을 묻습니다. 지금은 나타나지 않습니다. – Someone

모든 코드가 정확합니다. 제공하는 경로를 살펴 보는 것이 좋습니다. 사실 공백으로 표시하면 제공 한 위치에서 이미지를 찾을 수 없다는 의미입니다. 여기에 차이점을 보여주는 바이올린이 있습니다. 첫 번째 파일은 유효한 파일 경로가 없습니다 (너 같은). http://jsfiddle.net/K7Es2/2/ – Rookasaur

오, 바보입니다. CSS 파일이 루트 폴더에 없습니다. 감사. – Someone

it works , the only cause if it is not not working is 404. 
    <!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
    #like { 
     background: url('smiley.gif') no-repeat; 
     width: 16px; 
     height: 16px; 
    } 
    </style> 
    </head> 
    <body> 
    <form action='php/like.php' method='get'> 
     <input type="hidden" value="<?php echo $value[id]; ?>" name="id"/> 
     <input type='submit' title='like' id='like'/> 
    </form> 
    </body> 
    </html>

출처

2014-04-26 12:40:06

제출 버튼을 이미지로 표시

답변

관련 문제