간단한 CSS3 호버 효과를 만들었던 사이트에서 작업 중입니다. 링크를 올리면 불투명도가 변경되고 롤오버 효과처럼 보입니다. 그것은 모든 브라우저 (파이어 폭스 2와 같은 오래된 것들조차도)에서 완벽하게 작동하는 것 같습니다. 이것이 문제가되고 대신 자바 스크립트를 고려해야한다면 약간의 정보를 원한다. 또는 CSS를 사용하여 롤오버에 대해 좋은 (의미 상으로 올바른) 방법을 사용하고 있습니까?CSS3 '불투명도'속성 적용
일반적으로 CSS 만 사용하면 효과를 얻을 수 있지만 일반적으로 CSS를 사용하여 CSS를 사용하는 것이 좋습니다.
물론, 자바 스크립트 및/또는 jQuery와 같은 라이브러리를 사용할 수 있지만 그 이유는 무엇입니까? 브라우저가 기본적으로이 기능을 수행 할 수 있다면 브라우저가 더 잘 작동 할뿐만 아니라 더 멋지고 부드러워 보일 것입니다.
앵커 요소의 경우 :hover 의사 클래스가 널리 지원되며 좋은 방법입니다. 나는 그것을 지원하지 않는 유일한 브라우저가 IE 6이라는 것을 믿습니다. opacity 속성은 덜 광범위하게 지원되기 때문에 일부 브라우저에서는 효과가 원하지 않을 수 있습니다. a 이외의 요소에 :hover 가짜 균열을 사용해야하는 경우 IE 7을 잃게 될 것입니다.
:hover 및 기타 가상 클래스에 대한 배경 정보는 http://www.w3schools.com/css/css_pseudo_classes.asp을 참조하십시오.
일반적으로 새로운 브라우저를 사용하는 사람들은 새로운 기술의 이점을 얻습니다.
시스템을 업데이트하지 않는 사람들은 사물이 어떻게 보이는지 신경 쓰지 않는 경향이 있습니다. 사이트가 기능적이며 효과가 그리 중요하지 않은 한 모든 브라우저가 정확하게 작동하도록하지는 마세요. 똑같다. 시간과 노력의 낭비입니다.
"앵커 요소의 경우 : hover pseudoclass가 널리 지원되며 이동하기 좋은 방법입니다. 지원하지 않는 브라우저는 Internet Explorer 6 만 사용한다고 생각합니다." ... 뭐? – BoltClock
나는 정교하게 기쁘지만, 당신을 혼란스럽게하는 것은 확실하지 않습니다. 문서에 대한 링크를 추가하겠습니다. – Emily
IE6는 링크에서': hover'를 지원합니다, 그것은 단지 다른 요소들입니다. IE7은 이것을 수정합니다. – bobince