이번에는 a 태그에서 다른 속성 을 숨기고 사진 만 표시하는 방법을 보여 드리겠습니다. 실제 사례를 살펴보겠습니다.
태그에 그림을 표시하는 스타일이 있는데 태그 안에 텍스트가 있어서 텍스트를 숨기고 싶은 경우가 많은데
:- 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模式
관련 읽기:
텍스트 영역의 너비와 높이를 자동으로 조정하는 방법html+css+javascript 목록 루프 스크롤을 구현하는 방법html 하이퍼링크가 다음으로 점프합니다. 클릭 이벤트 href표시 또는 가시성을 통해 HTML 요소를 표시하고 숨기는 방법위 내용은 태그에서 다른 속성을 숨기고 그림만 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
