마우스를 올려도 배경색이 변경되지 않는 이유는 무엇입니까?

호버에 대한 배경색 전환 효과

메뉴 항목 위에 마우스를 올렸을 때 배경색에 대한 전환 효과를 생성하려고 합니다. 하지만 그렇지 않아 작동 중입니다.

원인:

허용된 답변에서 언급했듯이 배경색에 대한 CSS 전환은 이전 버전의 브라우저와 호환되지 않을 수 있습니다. Internet Explorer 버전 10 이하와 같은 브라우저는 배경색에 대한 CSS 전환을 지원하지 않습니다.

해결책:

브라우저 간 호환성을 보장하려면 공급업체 접두사 또는 가을을 사용하세요. -뒤 속성:

a {</p><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 중국어 웹사이트의 기타 관련 기사를 참조하세요!