플래시 무비 위에 HTML 콘텐츠를 어떻게 배치합니까?

내가 작업하고있는 사이트에는 플래시 헤더가 있습니다 (포함하려면 swfobject 사용). 이제는 Flash 무비와 겹치는 HTML 코드를 작성해야합니다.플래시 무비 위에 HTML 콘텐츠를 어떻게 배치합니까?

플래시 요소의 컨테이너와 (절대적으로 배치 된) div에 z- 인덱스를 설정해 보았지만 플래시 동영상 뒤에 "사라지는"것을 유지합니다.

나는 CSS 솔루션을 원하지만, 마술을 할 JS 마법이 조금 있다면, 나는 그것을 위해 일한다.

업데이트 : 감사합니다. wmode를 "transparent"로 설정하면 대부분 수정되었습니다. Safari/Mac만이 첫 번째 쇼에서 플래시 뒤의 div를 숨겼습니다. 다른 앱으로 전환하고 다시 돌아 왔을 때 앞에 표시됩니다. div의 초기 스타일을 display: none;으로 설정하고 페이지가로드 된 후 JS를 통해 30 초 표시되도록 수정했습니다.

출처

2008-09-23 Lasar

당신은 내가 같은 문제를 가지고 있기 때문에 할 수있는, 함께 작업 예를 넣을 수 파이어 폭스와 크롬에서 작동 그것을 작동 시키면, 그것이 나 또는 내 브라우저인지 알게되어 좋을 것입니다. – svinto

FlashVar를 "W 모드"가 "투명"또는 설정되어 있는지 확인 "불투명"하지만 기본 ", 윈도우를"... 당신은 CSS Z- 색인을 사용할 수 있어야

출처

2008-09-23 20:10:21

wmode는 남아메리카의 가장 깊은 정글에 묻힌 황금 아이돌과 같습니다. 내가 처음 들었을 때 나는 그것이 황홀하다는 것을 기억한다. –

플래시 10과 최신 브라우저 (Fx 3.0.0 이상, Opera 9)의 베타 버전을 제외하고는 Linux 브라우저에서는 작동하지 않습니다.50+ 이상, 다른 사람에 대해 모른다) –

얼마나 많은 리눅스 사용자가 브라우저와 관련 프로그램을 최신 상태로 유지하지 않습니까? 그것은 정의에 정통한 인구 통계입니다. –

추적 조사 주의 사항 : 업데이트에서 발견 한 것처럼 HTML을 Flash 위에 표시하는 것은 현재 까다로운 제안이며 JS 마술을 사용하더라도 플래시가 오프 브라우저를 사용하는 일부 시청자를 위해 HTML을 차단할 것으로 예상된다는 것을 알았습니다 , 이전 버전 등이 있습니다.

예를 들어 모바일 장치와 같이 임의의 대규모 검색 잠재 고객에게 도달하는 경우 콘텐츠를 다시 디자인하면 중복을 피하면서 장기적으로 두통을 줄일 수 있습니다. div 태그 사용에 다음이

s1.addParam("wmode","transparent");

문제가 해결됩니다

style="z-index:inherit;

이 스타일 같은

출처

2008-09-24 09:00:07 fenomas

물론 맞아. 이 경우 클라이언트는 상관하지 않지만 일반적으로 건전한 조언입니다. – Lasar

그러나이 경우 다른 질문은 Flash를 지원하는 모바일 장치의 수입니다. 아이폰, 아마, 아마 윈도우 모바일 스마트 폰 중 일부가 될 것인가? (또한, 나는 모바일 웹 개발에 능숙하지 않아서, 나는 정말로 모른다 ...) –

스티브 : 그것을 뒤집어 라! 대부분의 최신 스마트 폰은 iPhone을 제외하고는 Flash를 지원합니다. 특히 대부분의 최신 휴대 전화 (예 : 웹 브라우저를 사용하는 휴대 전화)에는 플래시 라이트가 있으며 대개 버전 2.x 또는 3.x입니다. Flash Lite 2.x는 Flash 6과 비슷하며 Lite 3.x는 Flash 8과 비슷합니다. – fenomas

설정 이 플래시 변수입니다.

출처

2008-12-29 08:53:52

처럼 스티브 파울로는 플래시의 꼭대기에 앉아 년대 HTML보다 플래시를 호출하는 재미있는 부분이 ... 온다 말했다

아 우리가 z 축 설정과 관련된 하나와 함께했다 재미 인덱스는 실제로 꿀벌 무릎이기 때문에 플래시를 고려하기에 더 낮을 것이므로 항상 위에 있어야합니다.

출처

2008-12-29 16:03:55

OBJECT 및 EMBED 태그 모두에서 WMODE 매개 변수 ("투명")를 설정해야한다는 점을 기억해야합니다.

세부 사항에 대한 링크를 따라 스타일을 다음 http://kb2.adobe.com/cps/142/tn_14201.html

출처

2011-08-03 22:12:57

코드를 사용, 그것은

<object id='myId' width='700' height='500'> 
      <param name='movie' value='images/ann/$imagename' /> 
      <param name='wmode' value='transparent' /> 
      <!--[if !IE]>--> 
      <object type='application/x-shockwave-flash' data='images/ann/$imagename' width='700' height='500' wmode='transparent'> 
      <!--<![endif]--> 
      <div> 
       <h1>Please download flash player</h1> 
       <p><a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a></p> 
      </div> 
      <!--[if !IE]>--> 
      </object> 
      <!--<![endif]--> 
     </object>

출처

2014-06-15 09:04:48

플래시 무비 위에 HTML 콘텐츠를 어떻게 배치합니까?

답변

관련 문제