플래시 wmode 투명 - 뒤에 클릭

여기 상황 : 2 개의 절대적으로 배치 된 레이어, 동일한 위치와 크기. 최상위 레이어에는 전체 레이어에 걸쳐있는 Flash 무비가 있으며 wmode="transparent"으로 포함됩니다. 맨 아래 레이어에는 주로 볼 수있는 HTML 링크가 있습니다.플래시 wmode 투명 - 뒤에 클릭

이벤트의 이상한 전환점에서 IE7과 IE8은 페이지를 예상대로 렌더링합니다. Flash 동영상이 표시되고 마우스와 상호 작용할 수 있습니다. 동영상 아래의 링크가 부분적으로 표시되고 마우스와 상호 작용할 수 있습니다. FF3.6 및 Chrome 8에서는 링크가 표시되지만 클릭 할 수는 없습니다.

예

http://www.powers1.net/flash-test/test2.html

코드

<html> 
<head> 
<title>test</title> 
</head> 
<body bgcolor="#eeeeee"> 
    <div style="position: absolute; top: 0px; left: 0px; z-index: 1; width: 550px; height: 400px; overflow: hidden"> 
     <p><a href="http://www.google.com">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</a></p> 
    </div> 
    <div style="position: absolute; top: 0px; left: 0px; z-index: 2"> 
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="550" height="400" id="test" align="middle"> 
    <param name="allowScriptAccess" value="sameDomain" /> 
    <param name="allowFullScreen" value="false" /> 
    <param name="movie" value="test.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /> 
    <embed src="test.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="550" height="400" name="test" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> 
    </object> 
    </div> 
</body> 
</html>

질문

내가 모방 FF, 크롬 등의 브라우저를 얻을 수있는 방법이 될 하 비어?

출처

2010-12-16 leepowers

wmode = transparent 및 wmode = opaque는 악합니다. 그 이유는 다음과 같습니다.

• 다른 브라우저간에 콘텐츠로 렌더링하는 방식에있어 간헐적으로 작동합니다. 당신이 관찰 한 것처럼 때로는 무대가 클릭을 통해 흘러 넘기도록 허용 할 때가 있습니다 ... 때로는 플래시를 통해 HTML 콘텐츠를 겹쳐서 표시하려고 할 때 깜박이는 경우가 있습니다 ...

• 플래시 성능을 떨어 뜨리고 사용자 컴퓨터를 아래로 끌어옵니다 (CPU 사용량이 급증합니다). 이는 주로 플래시 플레이어가 GPU로 직접 연결되는 대신 브라우저를 통해 렌더링 방향을 전송해야하기 때문입니다. 보기에서 숨겨지면 FPS를 지능적으로 조절할 수 없습니다.

• wmode를 Flash로 전환하면 무작위로 나타나는 버그 - 어디에서 왔을 까? 그 끔찍한 옵션 중 하나에 버그가 있습니다 ... 직접 텍스트 렌더링 버그, 모양 그리기 버그 및 wmode 매개 변수를 제거한 후에 마술처럼 사라지는 externalInterface 버그가 있거나 다른 친숙한 값 중 하나로 전환됩니다.

하이브리드 생성을 고려 했습니까? 몇 가지 swf 동영상이있는 솔루션 유형 - HTML로 제어되는 브라우저 창에서의 x/y? 아직 페이지의 나머지 부분에 레이어를 지정하려면 wmode = transparent를 사용해야 할 것입니다.하지만 적어도 아래 내용으로 클릭 연결하는 것이 좋습니다.

출처

2010-12-17 02:43:08 greatdecay

최대 재 구현 플래시가없는 아이디어 - 대신 HTML, CSS 및 투명한 PNG를 사용했습니다. – leepowers

플래시 wmode 투명 - 뒤에 클릭

답변

관련 문제