태그 안에는 텍스트와 그림이 들어있습니다. 텍스트를 숨기고 그림만 표시하는 방법_HTML/Xhtml_웹페이지 제작

태그에 그림을 표시하는 스타일이 있는 것을 자주 접하는데, 태그에 텍스트가 적혀 있는데, 텍스트를 숨겼으면 좋겠다는 생각이 들 때가 많습니다.

텍스트 들여쓰기:-9999em;

그런데 오늘 IE7과 기본 IE 모드인 360에서는 사진이 표시되지 않는 것을 발견하여 온라인으로 확인해 보았습니다.

IE7 모드에서 CSS 작성은 다음과 같습니다.

코드 복사코드는 다음과 같습니다.

text-indent: -9999em;
overflow: hide;
float: left; //물론 float: right;

위의 CSS는 이미 이 문제를 해결할 수 있습니다.
360에는 IE 모드와 익스트림 스피드 모드가 있습니다. 웹 페이지를 열 때 기본 익스트림 스피드 모드를 원하시면 에 다음 문장만 추가하시면 됩니다:

코드 복사코드는 다음과 같습니다.

속도 모드
< ;meta name="renderer" content="ie-comp"> 호환 모드