마우스 오버 이미지 HTML : 반응 형?

-3

나는 간단한 html 코드 (아래 참조)로 Wordpress의 행에 2 개의 마우스 오버 이미지를 만들려고합니다. 나는 그 같은 페이지에서 다른 모듈을 수정할 때마다 마우스 오버 이미지 HTML : 반응 형?

<a href="#"><img src="image1.jpg" onmouseover="this.src:'image2.jpg'" onmouseout="this.src:'image1.jpg'"></a>

그러나, 호버뿐만 모듈의 처음에 기록되는 HTML 코드에 대한 기록이 없다 더 이상 반응하지 않습니다. 내 코드를 재정의하는 것을 "보호"할 수있는 방법이 있습니까? 누락 된 공백을 피하기 위해 처럼. 또 다른 문제는 응답 성이 좋은 코드를 원합니다. 화면을 작게 만들 때마다 이미지가 같은 위치에 있지 않습니다. (아니 자바 스크립트 juste 제발 CSS와 간단! 난 초보자이다)

아무도 도와 줄 수 있습니까?

감사합니다. (CSS를 사용) 아래처럼

출처

2016-12-28 Elisap

당신이 질문에 HTML 코드를 붙여 넣을 수 있습니다 도움이 될 것입니다? 또한이 doesnt는 워드 프레스와 관련이있는 것 같기 때문에, 나는 그 태그를 제거하고, 범위에서 질문을 단순하게 유지할 것을 제안 할 것입니다. –

위에서 언급 한대로 을 사용하고 있습니다. 유일한 문제는 내 페이지에서 다른 모듈을 수정 한 다음 코드가 더 이상 작동하지 않고 실제로 누락 된 경우입니다. – Elisap

@Elisap 질문을 편집하고 현재 사용중인 모든 HTML과 CSS를 포함해야합니다. –

두 이미지를 추가 할 수 있습니다 희망

a:hover:after { 
    content: url(image/circle.PNG); 
    display: block; 
    } 

    a:hover { 
    content: url(image/anyother.PNG); 
    display: block; 
    }

감사합니다,이

출처

2016-12-29 11:02:14 RDS

마우스 오버 이미지 HTML : 반응 형?

답변

관련 문제