FF에서가 아닌 IE에서 CSS 배경 이미지로 표시되는 텍스트

Question

Wordpress에서 작업하는 Thesis 테마를 얻으려고하고 있으며 거의 ​​완벽합니다. 탐색 메뉴의 경우 텍스트 대신 이미지를 사용하고 싶습니다. 내 솔루션은 CSS를 통해 배경 이미지를 설정하는 것이 었습니다.

ul.menu .tab-2 a {background:url(images/myimage.jpg) no-repeat;background-color:transparent;width:81px;height:60px;margin:0px;padding:6px;border-style:none;} 

이것은 IE가 아닌 모든 곳에서 잘 작동합니다. IE에서, 그러나, HREF 텍스트가 배경 이미지 위에 표시 않습니다

<li class="tab tab-2"><a href="http://www.mysite.com/about" title="About Us">About Us<!--[if gte IE 7]><!--></a><!--<![endif]--> 
<!--[if lte IE 6]><table><tr><td><![endif]--> 

: 당신은 이미지와 논문이 그 탐색 항목에 대해 작성하는 것이 아니라 텍스트를 참조하십시오. 이것이 내가 예상했던 것 같아서 다른 모든 브라우저에서 그렇게 작동하지 않는 것을 보니 놀랍습니다.

내가 알아 내려고하는 것은 배경 이미지가 href 텍스트 상단에 나타나 효과적으로 보이지 않게하는 방법입니다. 나는 텍스트를 쓰는 것을 막기 위해 텍스트 해킹을 시도했다. 텍스트를 쓰지 않는다. 하나는 제외하고 모든 메뉴 항목에서 작동한다. 왜냐하면 나는 페이지가 아닌 카테고리를 쓰고 있기 때문이다.

저는 논문의 탐색 메뉴를 사용하고 싶습니다. 내 브라우저를 사용하지 않으려 고합니다. 그러면 모든 브라우저에서 멋지게 보이도록 더 많은 문제를 해결할 것이고, CSS는 그다지 진전되지 않을 것입니다. 그리고 Thesis가 nav 메뉴 항목에 텍스트 대신 이미지를 사용하도록하는 방법이 있다고 생각하지 않습니다.

나는 몇 시간 동안 이것을 꼼짝 않고 바라 보았고 명확하게 그것에 대해 명확하게 생각하고 있지 않습니다. 추가

Answer 1

시도 :

display:block; 
text-indent:-5000em; 
overflow:hidden; 

... 현재 규칙.

일부 사람들은 이미지 대체를하는 다른 방법을 선호하지만 이는 가장 일반적인 방법입니다.