대체 텍스트 안보이게 하기

태그 안에 이미지를 백으로 깔고 텍스트를 올리는경우 텍스트를 안보이게 해줘야 하는데 주로 쓰는 방법은...

overflow:hidden; line-height:0; font-size:0; text-indent:-1000px;

a 태그를 block으로 만들 경우 text-indent 값 만큼 텍스트가 날라가서 박스가 늘어나기 때문에 font와 line-height 값을 적어준다.

overflow의 경우 크롬에서는 텍스트가 그냥 나와버려서 안보이게 해주는것. 만의 하나라는 가능성까지 다 없애자.


전에 표준강의를 들을때 span 태그를 하나 더 써서 텍스트를 가려주는 방법이 있었는데 이걸 권장했었다. 불필요한 태그를 하나 더 넣어주는거라 이거나 저거나 꺼려지긴 마찬가지지만....