집 > 기사 > 웹 프론트엔드 > Flash가 HTML의 div 요소를 차단하지 못하도록 방지하는 방법

Flash가 HTML의 div 요소를 차단하지 못하도록 방지하는 방법

php中世界最好的语言원래의: 2018-01-26 09:37:071575검색

이번에는 Flash가 HTML의 div 요소를 차단하는 것을 방지하는 방법과 Flash가 HTML의 div 요소를 차단하는 것을 방지하기 위한 주의 사항에 대해 설명하겠습니다. 다음은 실제 사례입니다.

오늘 플래시광고 코드를 작성할 때 플래시에 포함된 링크는 쉽게 팝업 광고로 간주될 수 있기 때문에 div 레이어를 만들어 플래시 위에 올려서 링크가 잘 보이도록 했습니다. a에 의해 트리거되고 차단되지 않습니다. 하지만 플래시는 항상 div 레이어 위에 있는 것으로 나타났습니다. 플래시에는 매개변수를 추가해야 합니다.
플래시가 플로팅 레이어 또는 드롭다운 메뉴를 차단하지 않도록 DIV 레이어 아래에 플래시를 배치하는 방법을 통해 플래시가 플로팅 개체나 레이어를 차단하지 않도록 합니다. 주요 매개변수: wmode=opaque.
방법은 다음과 같습니다.
IE의 경우 273238ce9338fbb04bee6997e5552b95eb50c9ec568c9b96871b9e94a1ff3fd1에 매개변수 2ad2a7e0ec1953c2acedcecb18546cf1를 추가합니다.
FF의 경우 e1c5e5f79640bf5c19075a0f7f35b62e 매개변수 wmode="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}   
#div1 {   
position:absolute;   
left:0;   
top:0;   
width:300px;    
height:250px; z-index:-1    
  
}    
#div2 {    
position:absolute;   
left:0;   
top:0;   
width:300px;    
height:250px;    
z-index:99999;    
}    
-->  
</style></head>  
<body>  
<div id="jb51">  
<div id="div1">  
<script type="text/javascript">  
document.write(&#39;<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">&#39;);   
document.write(&#39;<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />&#39;);   
document.write(&#39;<param name="quality" value="high" /><param name="wmode" value="opaque" />&#39;);   
document.write(&#39;<embed src="http://img.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>&#39;);   
document.write(&#39;</object>&#39;);   
</script>  
</div>  
<div id="div2">  
<a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="http://img.jb51.net/image/touming.png" width="300" height="250"/></a>  
</div>  
</div>  
</body>  
</html>

표준 플래시 삽입

높이 및 너비 설정:

width="400" height="400"

경로 설정:

data="style/flash/001.swf" 与 value="style/flash/001.swf"

Alternate 텍스트 또는 대체 이미지:

<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 Player ActiveX 컨트롤이 있는 Windows에서만 유효합니다.

"Window"는 비디오 자체의 직사각형 창을 사용하여 웹 페이지에서 애플리케이션을 재생합니다. "창"은 이 Flash 응용 프로그램이 HTML 레이어와 상호 작용하지 않으며 항상 맨 위에 있음을 나타냅니다.
"불투명"을 선택하면 애플리케이션이 페이지 뒤에 있는 모든 내용을 숨깁니다.
"투명"을 사용하면 HTML 페이지의 배경이 애플리케이션의 투명한 부분을 통해 표시되며 애니메이션 성능이 저하될 수 있습니다.
"불투명 창 없음" 및 "투명 창 없음"은 둘 다 HTML 레이어와 상호 작용하여 SWF 파일 위의 레이어가 응용 프로그램을 섀도잉할 수 있도록 합니다. 두 옵션의 차이점은 "투명"은 투명성을 허용한다는 것입니다. 따라서 SWF 파일의 일부가 투명한 경우 SWF 파일 아래의 HTML 레이어는 해당 부분을 통해 표시되지만 "불투명"은 그렇지 않습니다.
이 속성을 생략하면 기본값은 Window입니다. 개체에만 적용됩니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!