google iframe을 마우스 오버시 불투명도로 변경

Question

Google 웹 페이지 (연락처 페이지)에 Google지도 iframe이 있습니다. 예를 들어 불투명도를 60 %로 표시하려고 시도하고 있지만 iframe을 마우스로 가리키면 100 %가됩니다.

예 : Opacity Google iframe

내가 iframe이 위에 다른 사업부를 넣고 그것을 화이트 색상을 제공에 대해 생각했다, 불투명도 상위 60 %로 변경하고 100 %로 변경 유혹 할 때. 내가 제대로하고 있는지, "위치 : 절대"및 "위치 : 상대"를 어디에 둘 것인지 잘 모르겠습니다.

CSS 및 HTML에서만 가능합니까?

Answer 1

불투명도에 대한 공급 업체 접두사를 추가 했으므로 이제는 전체 브라우저를 지원해야합니다. 시도 해봐.

iframe{ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6; 
    -khtml-opacity: 0.6; 
    opacity: 0.6; 
} 

iframe:hover{ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter: alpha(opacity=100); 
    -moz-opacity: 1; 
    -khtml-opacity: 1; 
    opacity: 1; 
} 

UPDATE - 추가 전환 :

iframe{ 
    transition:all 1s linear; 
    -o-transition:all 1s linear; 
    -moz-transition:all 1s linear; 
    -webkit-transition:all 1s linear; 
}