2012-12-10 4 views
3

SWF 객체 위에 html 요소를 레이어하는 방법에 대해 잠시 동안 살펴 보았습니다. 마지막으로 내가 한 것은 다음과 같습니다 (Abode) -wmode = "direct"를 사용하여 SWF 객체 위에 HTML 요소를 겹침

Internet Explorer : 레이어 기능이 전혀 지원되지 않습니다.

파이어 폭 : 레이어링을 지원하지 않습니다 (그러나 효과는 있지만 투명하지 않음).

크롬 : Adobe은 지원되지 않지만 놀랍게도 투명하고 잘 작동한다고 주장합니다.

Safari (Windows) : 레이어 기능을 전혀 지원하지 않습니다.

safari (Mac OS) : 지원됨.

나는 쉽게 wmode = "transparent"또는 wmode = "opaque"로 설정할 수 있다는 것을 알고있다. 하지만 3D 콘텐츠가 포함 된 SWF 개체의 경우 wmode를 "direct"또는 "gpu"로 설정해야한다는 것을 알게되었습니다.

사람이이 문제에 대한 해결책을 알고 있다면 내가 HTML 요소로 오버레이 할 내가 플래시에서 게임을 개발하고 있어요 원인, 나는 감사 것이고

의 가능 여부를 내가 어떤 회사 답을 발견하지 않았다

미리 감사드립니다.

답변

2

몇 가지 시도를 한 후 Firefox & IE에서 작업하는 솔루션을 얻었습니다. 다소 더러 우나 경우에 따라 작동합니다.

iFrame은 swf 위에 표시되므로 레이어 된 html을 iframe에 추가 할 수 있습니다.

추가로 이동하여 iframe을 배경으로 설정할 수 있습니다. 곧 출시 될 html에 대한 명확성을 유지하는 데 필요합니다. HTML :

<div class="box"> 
<iframe src="emptyframe.html" frameborder="0" class="emptyiframe"></iframe> 
<div class="content"> 
Shown on top 
</div> 
</div> 

CSS : 심지어 W 모드 = "직접"과 플래시를 통해 요소를 추가하는 것이 가능이 솔루션을

.box { position: absolute; z-index: 100; background: #fff;} 
.emptyiframe { position: absolute; width: 100%; height: 100%; border: none; z-index: -1;  } 

. 그러나 iframe은 플래시 위에 HTML의 배경에 있으므로 투명하게 만들 수는 없다는 점을 명심해야합니다.