2010-01-21 6 views
7

div 태그를 문자 그대로 페이지의 다른 모든 곳에 배치해야합니다. wmode param을 불투명하게 설정한다고 읽었을뿐 아니라 IE에 영향을 줄 것이라고 들었습니다. 사실입니까? 어떻게 할 수 있니? 플래시 애플릿 태그에서플래시 삽입물 앞에 div를 놓기

+0

'wmode = 'transparent''라고하지 않습니까? –

+0

'opaque'와'transparent' 둘 다 플래시에서 페이지 흐름의 일부로 플래시를 강제 실행합니다. 투명하게하면 플래시의 투명 효과를 허용합니다. 'window' (기본값)는 플래시 무비가 페이지 레이아웃 위의 자신의 버퍼로 렌더링되도록합니다. – Ipsquiggle

답변

7

, 단순히이 있습니다 알아서해야

<object id='flashObject' ....> 
    <param ....> 
    <param name='wmode' value='opaque'> 
    <embed ... wmode='opaque'> 
    </embed> 
</object> 

합니다.

이 단점은 플래시 무비와 페이지 요소 모두 렌더링 속도가 느려지 긴하지만 대부분의 경우 문제가되지 않는다는 것입니다.

또한이 개체를 개체 매개 변수 및 포함 특성으로 포함하여 모든 주요 브라우저에서 작동합니다.

편집, MidnightLighning의 의견에 따라 :

플래시 개체를이 방법으로 제조되면, 당신과 같이 페이지를 통해 사업부를 떠해야합니다

<body> 
    <object> ... <!-- this is your flash movie --> </object> 
    <div id="floater">The Floating Div</div> 
</body> 

을 그리고 만들려면 이 같은 CSS : 내 클라이언트 사이트에

#flashObject { position:relative; z-index:1 } 
#floater { position:absolute; z-index:100; top:0; left:0; } 
+0

나는 그것을 시도했지만 작동하지 않았다. - \ – Webnet

+0

그런 다음 'position : absolute;'를 사용하여 플래시 요소 위에 DIV를 배치 했습니까? 위의 코드는 플래시 요소를 올바르게 준비하지만 그 위에 DIV를 놓아야합니다. 아마도 플래시 요소가 포함 된 에 'z- 색인'을 할당하고 그 위에가는 DIV를 할당할까요? – MidnightLightning

+1

@Webnet : 정확히 무엇이 작동하지 않았습니까? 플래시가 여전히 div 위에 렌더링 되었습니까? div가 올바르게 배치되지 않았습니까? 페이지를 문제를 보여주고 코드를 게시하는 최소한의 예제로 트리밍하면 큰 도움이됩니다. – Ipsquiggle

0

, 내가 사용하는 HTML :

<div id="photo> 
    <div id="flash"></div> 
    <ul id="navigation">..</ul> 
</div> 
CSS

:

#flash { z-index: 6; } 
#navigation { z-index: 8; margin-top: -100px; } 

다음 내가 SWFObject 내 플래시 swf#flash 교체 (http://code.google.com/p/swfobject)

그러니까 기본적으로, Z- 인덱스 및 플래시 해야 작업을 포함하는 몇 가지 지능적인 방법 :)

관련 문제