> 웹 프론트엔드 > HTML 튜토리얼 > HTML div 요소를 차단하지 않는 Flash 관련 팁

HTML div 요소를 차단하지 않는 Flash 관련 팁

高洛峰
풀어 주다: 2017-02-25 13:58:27
원래의
1204명이 탐색했습니다.

오늘 플래시 광고 코드를 작성하다 보니 플래시가 항상 p레이어에 있어서 설정이 필요해서 검색해 보니 스크립트 홈에는 그런 내용이 없더라구요. 여기에 추가하겠습니다. 오늘은 플래시 광고 코드를 작성할 때 플래시와 함께 제공되는 링크가 쉽게 팝업 광고로 간주될 수 있기 때문에 a에 의해 실행되는 링크가 차단되지 않도록 p레이어를 만들어 플래시 위에 올려 놓았습니다. , 그러나 나는 플래시가 항상 p 레이어 위에 있다는 것을 발견했습니다. 플래시는 매개변수를 추가해야 한다는 것이 밝혀졌습니다.

플래시가 플로팅 레이어나 드롭다운 메뉴를 가리지 않도록 p 레이어 아래에 플래시를 배치하는 방법과 플로팅 개체나 레이어를 가리지 않도록 플래시의 주요 매개변수: wmode=opaque.

방법은 다음과 같습니다.

IE의 경우 FF의 경우 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}   
#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(&#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://common.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://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>&#39;);   
document.write(&#39;</object>&#39;);   
</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입니다. 개체에만 적용됩니다.

HTML div 요소를 차단하지 않는 Flash에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿