는 계층화 된 접근 방식을 사용 장소 플래시 객체의 상단에 div 요소, 그것은 동일한 크기와 투명하게. 그게 다야. 자바 스크립트가 필요하지 않습니다. 그리고 IE6/7/8을 행복하게 만들려면 당연히 작동하지 않습니다. 그래서 우리는 트릭을 추가합니다 : 배경과 불투명도. CSS 무효화를 방지하기 위해 별도의 파일에 IE 전용 CSS를 추가 할 수 있습니다. 중요
:이 작업을 할, wmode
이 (TheBrain 이전에서 언급 한 바와 같이) opaque
로 설정해야합니다, 부모 div
가 위치 설정되어 있어야, 아이 div
는 position:absolute
플래시의 width
/height
이 있어야합니다 생기. opacity
, filter
및 background-color
은 IE6/7/8 호환성을위한 것입니다. 있는 그대로 코드는 크로스 브라우저 (명확성을 위해 일부 세부 사항 제외)로 작동하며 전체적으로 demonstrated on this page입니다.
** 업데이트 : ** 덮어 씌운 테두리가 들어 가지 않도록 부모 div
요소의 너비와 높이를 설정해야합니다. 기본적으로 div는 100 % 너비입니다. IE는 왼쪽 여백을 추가하고 FF는 플래시 애니메이션의 아래쪽 여백을 추가합니다. 치수를 명시 적으로 설정하면 예상대로 작동합니다. 표지가 올바르게 놓여 있는지 확인하려면 표지와 div의 색상과 불투명도를 변경하십시오. 이 변경 사항은 demo page에서도 업데이트됩니다.
<div style="position:relative;width:728px;height:90px;">
<div style="position:absolute;
width:728px;height:90px;
background-color:white;
opacity:0;filter: alpha(opacity=0);">
</div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="728" height="90">
<... params etc ...>
<param name="wmode" value="opaque" />
<embed width="728" height="90"
type="application/x-shockwave-flash"
wmode="opaque"
etc-params=xyz>
</embed>
</object>
</div>
난 그냥 HTML을 변경하여 코드를 embeding 그렇게 할 수 있다고 생각하지 않습니다. 어쩌면 다른 SWF 상단에 투명한 swf를 삽입하는 것처럼 해킹 할 수있는 해킹 방법이있을 수 있지만, HTML로 많은 투자를하지 않기 때문에 그렇게 할 수 있는지 확신 할 수 없습니다. – Allan
감사합니다. 나는 그 라인을 따라 생각하고 있었지만 투명 gif를 사용했습니다. 나는 그것을 시도 할 것이다. –