HTML div 요소를 차단하지 않는 Flash 관련 팁
- 高洛峰원래의
- 2017-02-25 13:58:271198검색
오늘 플래시 광고 코드를 작성하다 보니 플래시가 항상 p레이어에 있어서 설정이 필요해서 검색해 보니 스크립트 홈에는 그런 내용이 없더라구요. 여기에 추가하겠습니다.
오늘은 플래시 광고 코드를 작성할 때 플래시와 함께 제공되는 링크가 쉽게 팝업 광고로 간주될 수 있기 때문에 a에 의해 실행되는 링크가 차단되지 않도록 p레이어를 만들어 플래시 위에 올려 놓았습니다. , 그러나 나는 플래시가 항상 p 레이어 위에 있다는 것을 발견했습니다. 플래시는 매개변수를 추가해야 한다는 것이 밝혀졌습니다.
플래시가 플로팅 레이어나 드롭다운 메뉴를 가리지 않도록 p 레이어 아래에 플래시를 배치하는 방법과 플로팅 개체나 레이어를 가리지 않도록 플래시의 주요 매개변수: wmode=opaque.
방법은 다음과 같습니다.
IE의 경우 2ad2a7e0ec1953c2acedcecb18546cf1 FF의 경우 wmode 매개변수를 추가합니다. 790d22f104dd61e208f3a73b9ecdcd52의 ="opaque"
스크립트 하우스 사용 코드:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>22cn</title>
<style type="text/css">
<!--
body {
position:relative;
z-index:0;
margin:0; padding:0
}
body,td,th {
color: #333333;
}
*{margin:0; padding:0}
img{ border:0}
#jb51{ position:relative; width:300px; height:250px}
#p1 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px; z-index:-1
}
#p2 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px;
z-index:99999;
}
-->
</style></head>
<body>
<p id="jb51">
<p id="p1">
<script type="text/javascript">
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="250">');
document.write('<param name="movie" value="http://common.jb51.net/image/22cn_jb51net.swf" />');
document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');
document.write('<embed src="http://common.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="250" wmode="opaque"></embed>');
document.write('</object>');
</script>
</p>
<p id="p2">
<a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="http://common.jb51.net/image/touming.png" width="300" height="250"/></a>
</p>
</p>
</body>
</html>
표준 플래시 삽입 <!-- 标准的的Flash插入 设置高度与宽度： width="400" height="400" 设置路径： data="style/flash/001.swf" 与 value="style/flash/001.swf" 替代文本或替代图片： <a href="" title=""><img src="" alt="" /></a> 也可以不要这段 --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a> </object>레이어를 가리지 않는 플래시
<!-- 不会遮住层的Flash 让Flash不档住浮动对象或层的关键属性： <param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a> </object>투명 플래시
<!-- 透明的Flash 让Flash透明的关键属性： <param name="wmode" value="transparent"> --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <param name="wmode" value="transparent"> <a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a> </object>wmode 속성 /매개변수 값 창 | 불투명 | 투명
템플릿 변수: $WM(선택 사항)을 사용하면 Internet Explorer 4.0에서 투명 Flash 콘텐츠, 절대 위치 지정 및 계층형 표시 기능을 사용할 수 있습니다. 이 태그/속성은 Flash Player ActiveX 컨트롤이 있는 Windows에서만 유효합니다.
"창"은 비디오 자체의 직사각형 창을 사용하여 웹 페이지에서 애플리케이션을 재생합니다. "창"은 이 Flash 응용 프로그램이 HTML 레이어와 상호 작용하지 않으며 항상 맨 위에 있음을 나타냅니다.
'불투명'을 선택하면 애플리케이션이 페이지 뒤에 있는 모든 내용을 숨깁니다.
"투명"을 선택하면 HTML 페이지의 배경이 애플리케이션의 투명한 부분을 통해 표시되어 애니메이션 성능이 저하될 수 있습니다.
"불투명 창 없음"과 "투명 창 없음"은 모두 HTML 레이어와 상호 작용하므로 SWF 파일 위의 레이어가 응용 프로그램을 숨길 수 있습니다. 두 옵션의 차이점은 "투명"은 투명성을 허용한다는 것입니다. 따라서 SWF 파일의 일부가 투명한 경우 SWF 파일 아래의 HTML 레이어는 해당 부분을 통해 표시되지만 "불투명"은 그렇지 않습니다.
이 속성을 생략할 경우 기본값은 Window입니다. 개체에만 적용됩니다.