이미지 불투명도 설정 문제

약간의 디자인 문제가 있습니다.이미지 불투명도 설정 문제

this page 나는 두 개의 마우스 오버 이미지가 있습니다. (IE에서만 볼 수 있듯이) 불투명도를 설정할 때 이미지에 검은 색 원이 표시됩니다.

저는 파이어 폭스에서이 문제가 없습니다.

불투명도를 사용하는 이유는 이미지를 숨기거나 표시 할 때 이미지가 상주하는 표가 흔들 리기 때문입니다.

누구든지이 문제를 해결할 수 있습니까? 아주 사용하는 해킹

감사, 리처드

출처

2009-07-11 Richard

당신이 올바른으로 내 대답을 발견하면 다른 사용자 동일한 문제에 직면하면 알 수 있습니다. (그리고 몇 가지 추가 포인트를 얻을 수 있습니다 :)) – Kirtan

. 이상적으로, 당신은/숨기 마우스 오버의 이미지를 표시해야합니다/이런 식으로로 마우스 -이을 테이블이 불안정하게되면, 다음에 사용하는 테이블 구조에 약간의 문제가있다

document.getElementById("imageId").style.display = "none"; //Hide document.getElementById("imageId").style.display = ""; //Show

당신의 페이지 (테이블 구조에서 아무런 문제가 보이지 않습니다. the page tho).

당신은 또한 (대신 display를 사용)이 같은 visibility 클래스를 사용할 수 있습니다이 문제를 회피하려면 - 있도록, 답변으로 표시 할 수 있습니다,

document.getElementById("imageId").style.visibility = "hidden"; //Hide document.getElementById("imageId").style.visibility = "visible"; //Show

출처

2009-07-11 06:29:42 Kirtan

대단히 고맙습니다. – Richard

디스플레이를 설정하고 싶다면 디스플레이 = '블록' –

Dave의 값을 설정해야합니다. 요소가 블록 모드로 표시되었거나 숨겨지기 전에 표시되는지 여부에 따라 "표시"속성이 ""또는 "차단"됩니다. "block"요소로 표시되지 않고 "display"속성의 값을 "block"으로 설정하면 FF로 레이아웃을 엉망으로 만들 수 있습니다 (일부 경우를 보았습니다). – Kirtan

이미지 불투명도 설정 문제

답변

관련 문제