CSS로 완벽하게 만들고 싶은 드롭 다운 메뉴로 작업 중입니다. 링크 안에는 마우스를 올리면 변경해야하는 텍스트뿐만 아니라 이미지도 있습니다. 텍스트의 색상을 변경하는 것은 쉽습니다. 화살표가 전환됩니다 작은 이미지를 될 것입니다 경우CSS 호버로 표시되거나 사라지는 이미지
: 그러나 나는 여기
내가 결과를 같이 할 것입니다 ... 호버에 이미지를 교체하는 방법을 잘 모르겠습니다 링크가 맴돌 때. CSS로 어떻게 할 수 있습니까?http://www.w3schools.com/css/css_image_sprites.asp
확인 이미지 스프라이트 - 호버 효과 섹션을 참조하십시오.
가장 적합한 것으로 간주되는 요소에 CSS background: url()...을 사용하십시오. 다음은 문서 및 연습입니다 : https://developer.mozilla.org/en-US/docs/Web/CSS/background.
, 당신은 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/CSS_Image_Sprites
는 (세트 폭과 높이) 사업부에 배경 이미지로 이미지를 설정뿐만 아니라, 스프라이트 사용을 고려할 수 있으며, 당신은 변경할 수 있습니다 css 값.
하나의 이미지에 두 그래픽을 모두 배치하는 것이 이상적입니다. 그래야 배경 위치를 바꿀 수 있고 전환 도중에 깜박임이 발생하지 않도록 할 수 있습니다 (Google "css image sprites").
자바 스크립트를 사용하여 삽입 된 이미지의 src를 변경해야한다고 생각합니다.
또한 두 개의 이미지가 있고 display : block 및 display : none을 사용하여 적절하게 표시하거나 숨길 수 있지만 최선의 방법이라고 생각하지는 않습니다.
html/css와 바이올린을 게시 할 수 있습니까? –