웹표준 그 골치아픈 세계에서는 이미지 하나 표현하는 것 조차도 너무 어렵네요
간단하게 img 태그를 써서 표현하는 것도 좋은 방법 중 하나라고 생각합니다.
그래도 웹표준! 공부해 볼만한 가치는 충분히 있는 분야죠? ㅎ
이미지 바꿔치기 기법 중 text-indent: -5000px 와 같이 글자를 머나먼 별나라로 보내버리고 배경 이미지를 넣어서 표현하는 방법을 많이 사용하는 것 같습니다. 제가 적용하면서 머리 좀 아팠던 2가지 부분에 대해서 끄적여 보겠습니다.
1. display: inline; 으로 지정한다면 당연히 적용될 것이고..
display: inline-block; 으로 해도 적용이 됩니다. 같이 별나라로 보내버리죠 -_-;
뭐 이건 자주 일어나는 일은 아닙니다.. 그래도 막상 당하면 얘가 어디로 갔나 찾게되죠 ㅋ
2. text-align: right;로 지정된 경우...
안사라지고 딱 붙어 있습니다. 보통은 상속받아서 이런 문제가 생기곤 하니까 잘 살펴주시면 되겠네요~
개발