위의 그림과 같이 다음에서 검색창 옆에 있는 검색 버튼 부분이 button요소에 background를 적용한 것을 보고 이번 개편때 우리 메인에도 적용해보고 싶어졌다. CSS를 제거 했을때 검색창 옆에 이미지 대신 버튼이 있는 모습이 아름답기도 하고... (이런 것에서 아름다움을 느끼면 난 직업병?)
그런데, 파이어폭스에서는 제대로 보여지는데, IE6~8에서는 그냥 버튼이 줄어든 형태로
보여지는 것이 아닌가. 헉! 설마...IE때문에 그냥 이미지를 써야하나...하고 고민하고 있는데. 혹시나 해서 구글신에게 물어보았다. button background IE로 검색해보니 역시 나와 같은 것으로 고민하는 사람들이 있군!
Input submit button doesn't display background image in IE (from HTML & Website Design)
요약하자면, IE에서는 button 요소의 class혹은 ID속성에 border: 0 solid #FFFFFF;를 써주면 FF에서 처럼 제대로 보이게 된다.
훗~ 퀘스트 하나 해결했음. 이것으로 렙업 좀 되었으려나?
추가) margin:0, padding:0을 빼먹어서 안보인듯...하아..레벨업의 길은 멀고 험하다.
감사합니다.^^
답글삭제@똘 - 2010/01/16 10:41
답글삭제도움이 되셨나요? 저야 말로 감사하죠~:)