태그에서 다른 속성을 숨기고 그림만 표시하는 방법

이번에는 a 태그에서 다른 속성 을 숨기고 사진 만 표시하는 방법을 보여 드리겠습니다. 실제 사례를 살펴보겠습니다.
태그에 그림을 표시하는 스타일이 있는데 태그 안에 텍스트가 있어서 텍스트를 숨기고 싶은 경우가 많은데

text- indent

:- 9999em;하지만 오늘 ie7과 기본 ie 모드인 360에서는 사진이 표시되지 않는 것을 발견하여 온라인으로 확인해 보았습니다. 요약은 다음과 같습니다.

ie7 모드에서 CSS를 작성하는 방법은 다음과 같습니다.

text-indent: -9999em;    
overflow: hidden;  
float: left;     //当然也可以float: right;

위의 CSS는 이미 이 문제를 해결할 수 있습니다.

360에는 IE 모드와 익스트림 스피드 모드가 있습니다. 웹 페이지를 열 때 기본 익스트림 스피드 모드를 원할 경우 에 다음 문장을 추가하기만 하면 됩니다:

<meta name="renderer" content="webkit">             极速模式  
<meta name="renderer" content="ie-comp">            兼容模式  
<meta name="renderer" content="ie-stand">           IE模式

당신이 가지고 있다고 믿습니다. 이 사례를 읽은 후 마스터하세요. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

텍스트 영역의 너비와 높이를 자동으로 조정하는 방법

html+css+javascript 목록 루프 스크롤을 구현하는 방법

html 하이퍼링크가 다음으로 점프합니다. 클릭 이벤트 href

표시 또는 가시성을 통해 HTML 요소를 표시하고 숨기는 방법

이 가리키는 주소 변경

위 내용은 태그에서 다른 속성을 숨기고 그림만 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!