일반적으로 지원됩니다. 브라우저가 호버를 지원하지 않으면 어떻게 되나요? 그러면 브라우저가 호버를 지원하지 않는 문제에 대한 해결책을 알려드리겠습니다.
먼저 csshover.htc를 다운로드해야 합니다
압축된 패키지 파일을 다운로드하고 압축을 풀면 CSS 도입 시 "csshover.htc" 경로에 오류가 발생하지 않도록 "csshover.htc" 파일이 생성됩니다. 스타일을 저장하려면 이 파일을 CSS 파일과 같은 폴더에 넣으세요. 여기서의 실험은 별도의 CSS 파일을 생성하지 않고, "index.html" 파일이 하나뿐이므로 "csshover.htc"와 "index.html"을 같은 폴더에 넣습니다.
같은 폴더
같은 폴더에 넣어주세요
바디 스타일 선택기에서 파일 소개
바디 스타일 선택기 "body {behavior:url("csshover.htc"); }"에 정의되어 있습니다. 스타일 코드의 시작 부분에 배치됩니다.
body selector 정의
body selector의 정의에 csshover.htc를 도입하세요
이 웹페이지의 CSS 스타일 정의는 div:hover, li:hover, p:hover, custom names와 같습니다. CSS 선택 이름(.abc :hover), img:hover 및 정의된 스타일은 모두 IE6에서 지원됩니다.
특별 주의:
성공하려면 다음 코드를 HTML에 직접 추가해야 합니다(csshover.htc 파일을 HTML 파일에 직접 도입).
<style> body{behavior:url("csshover.htc");} /* 使用时候注意路径正确 */ </style>
csshover.htc 경로에 주의하세요.
ie6에서는 호버 케이스를 지원합니다
각각 세 가지 실험 사례를 진행합니다.
실험 예 설명
첫 번째 예: img 태그에 hover(예: img:hover{...}) 스타일을 지정합니다. 마우스가 지나갈 때 이미지가 더 커지고 이미지 사이의 거리가 멀어집니다. border 및 padding이 나타납니다.
아니요. 두 가지 예: li 태그에 hover(예: li:hover{...}) 스타일을 할당하면 마우스가 지나갈 때 ul li 태그에 검은색 테두리가 나타납니다.
세 번째 예: 마우스가 통과할 때 이름을 지정하려는 CSS 스타일에 호버 스타일을 지정합니다(예: li:hover{...}). 즉, is.abc:hover{...}). 이 abc 개체의 DIV 상자에 있는 개체의 텍스트가 빨간색으로 변합니다.
세 가지 작은 실험 예제의 CSS 코드는 다음과 같습니다.
body { behavior:url("csshover.htc"); }/* css注释:别忘记csshover.htc,使用时候注意路径 */ img{width:165px; height:60px; background:#090;}/* 原本图片宽度和高度背景颜色 */ img:hover{width:200px; height:200px; padding:3px; border:2px solid #00F; cursor:pointer} /* hover鼠标经过赋予让图片变宽 高,设置padding和2px蓝色边框、css cursor为鼠标指针样式 */ li:hover{ border:1px solid #000}/* li列表标签鼠标经过出现黑色边框 */ .abc:hover{ color:#F00}/* 对象.abc鼠标经过其内容css字体颜色变红色 */
세 가지 실험의 해당 HTML 소스 코드:
<!-- html注释:1 鼠标经过图片变大 --> <img src="/static/imghwm/default1.png" data-src="div -logo-2013.gif" class="lazy" alt="DIV LOGO" /> <!-- 2 鼠标经过li出现边框 --> <ul> <li>对li设置hover样式,鼠标经过加CSS边框</li> </ul> <!-- 3 鼠标经过abc盒子内文字变为红色 --> <div class="abc">对.abc:hover,鼠标经过时候文字颜色变红</div>
호버를 지원하지 않는 브라우저에 대한 솔루션이 너무 많아서 도움이 필요한 친구가 저장할 수 있습니다. , 이 사이트의 기타 업데이트에 계속 관심을 가져주세요.
관련 읽기:
텍스트위 내용은 ie6에서는 hover를 지원하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Theroottaginanhtmldocumentis.itservesasthetop-levellement thatenCapsulateslotherContent, 프로퍼 디코 언어 구조에있는 BrowserParsing을 보장합니다.

이 기사는 HTML 태그가 요소를 정의하는 데 사용되는 구문 마커이고 요소는 태그 및 내용을 포함한 완전한 단위라고 설명합니다. 그들은 웹 페이지를 구조화하기 위해 협력합니다. character count : 159

이 기사는 & lt; Head & gt의 역할에 대해 설명합니다. & lt; Body & Gt; HTML의 태그, 사용자 경험에 미치는 영향 및 SEO 영향. 적절한 구조화는 웹 사이트 기능 및 검색 엔진 최적화를 향상시킵니다.

이 기사는 HTML 태그, 등의 차이점과 시맨틱 대 프리젠 테이션 사용 및 SEO 및 접근성에 미치는 영향에 중점을 둡니다.

기사는 UTF-8에 중점을 둔 HTML에서 문자 인코딩 지정에 대해 논의합니다. 주요 이슈 : 올바른 텍스트 표시 보장, 멍청한 문자 방지 및 SEO 및 접근성 향상.

이 기사는 웹 컨텐츠를 구조화하고 스타일링하는 데 사용되는 다양한 HTML 서식 태그에 대해 논의하여 텍스트 모양에 미치는 영향과 접근성 및 SEO에 대한 시맨틱 태그의 중요성을 강조합니다.

이 기사는 고유성, 목적, CSS 구문 및 특이성에 중점을 둔 HTML의 'ID'와 '클래스'속성의 차이점에 대해 설명합니다. 웹 페이지 스타일링 및 기능에 어떤 영향을 미치는지 설명하고 모범 사례를 제공합니다.

이 기사는 스타일링 및 JavaScript 조작을위한 요소 그룹에서 HTML '클래스'속성의 역할을 고유 한 'ID'속성과 대조합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

Dreamweaver Mac版
시각적 웹 개발 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
