호버에 대한 배경색 전환 효과
메뉴 항목 위에 마우스를 올렸을 때 배경색에 대한 전환 효과를 생성하려고 합니다. 하지만 그렇지 않아 작동 중입니다.
원인:
허용된 답변에서 언급했듯이 배경색에 대한 CSS 전환은 이전 버전의 브라우저와 호환되지 않을 수 있습니다. Internet Explorer 버전 10 이하와 같은 브라우저는 배경색에 대한 CSS 전환을 지원하지 않습니다.
해결책:
브라우저 간 호환성을 보장하려면 공급업체 접두사 또는 가을을 사용하세요. -뒤 속성:
a {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">background-color: #FF0;}
a:hover {
background-color: #AD310B; -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;
}
이 코드는 공급업체 접두사를 사용합니다. (-webkit- 및 -ms-)는 Safari 및 Internet Explorer용이며, 기타 항목에 대한 표준 전환 속성을 포함합니다. 브라우저.
위 내용은 마우스를 올려도 배경색이 변경되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
