Question

마우스를 가리키면 이미지가 약간 불투명 해 지려고합니다. 나는이 코드 라인을 PHP에서 사용한다.

<img src="/wp-content/themes/Map/images/SlideTab/slide2.png" onmouseover= 'shade(this)' onmouseout = 'normal(this)' onclick='showSubMenu("sm_item3")' alt ="Slide" style ="height :22em ; width:4.063em; "/> 

음영 기능은 불투명도를 0.5로 변경합니다. 이미지는 파이어 폭스를 제외한 모든 브라우저에서 적절하게 작동합니다. 파이어 폭스에서는 이미지가 불투명 해지고 마우스가 이미지 위에 있으면 이미지가 사라집니다. 문제를 찾을 수 없습니다. 미리 조언 해 주셔서 감사합니다.

여기 내 음영 기능입니다. 아주 간단합니다. 그것은 모든 브라우저에서 작동합니다. 그것은 심지어 파이어 폭스와 함께 작동합니다. 차이점은 이미지가 완전히 사라지는 불투명 한 후 파이어 폭스에서입니다 :

function shade(x) {  
    x.style.opacity = ".5"; 
} 

Answer 1

당신은 JQuery와 그 API와 같은 lib에 의존해야합니다. 예를 들어 fadeTo 방법을보십시오. 그래도 자신 만의 방법을 사용하려면 질문에 붙여 넣으십시오.

건배.