今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。
' k' Q. M8 s" r. c3 O2 b$ `+ n让flash置于div层之下的方法，让flash不挡住飘浮层或下拉菜单，让flash不档住浮动对象或层的关键参数：wmode=opaque。 ' o; d. w( k* [- N2 }) @
方法如下：
9 J- q4 g% W8 P2 a1 P, e. F! J针对ie 在<object></object>内加上参数<param name=wmode value=opaque /> , B9 d/ M) L1 q& ^0 D O
针对ff 在<embed />内加上参数wmode=opaque " `& s Z" B; @- \& }1 b% b
脚本之家使用代码：
3 E5 d% F4 u5 N2 { w$ Z1 Q" Mxml/html code复制内容到剪贴板1 W5 u7 z v9 o w) T# ]- z
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
4 w# f7 t2 v6 ^ W. E3 ^% g/ [<html xmlns=>
# r0 L4 K$ O4 m& l& w) V$ a<head> 1 X3 ?8 l* j& d4 j4 t
<meta http-equiv=content-type content=text/html; charset=gb2312 /> 6 ]7 p p* f9 ]0 T; A0 Q( y
<title>22cn</title> 1 i5 N1 G$ A' I; y
<style type=text/css> 4 ?, y) e1 k/ Z0 K* z ]; \
<!--
8 J4 N7 a: S1 t; {% Fbody { " H5 |* ~4 |+ z' N2 D$ ^
position:relative;
, k( w; Q! T; r* c: mz-index:0;
, p# r/ ^ J! I9 Y- Imargin:0; padding:0 6 l# ^2 F- d x1 P a+ f
} 5 s0 P$ C0 |% P7 g7 Z
body,td,th {
6 F2 A; ?+ v' T- L* mcolor: #333333; ; {5 ]. b# z7 w/ I7 p6 q/ b
}
" F$ r" I: e+ l3 n' }% ^0 z; C*{margin:0; padding:0} 2 r) N! D+ Y5 E* Z; ^5 A' O( e! z
img{ border:0}
( S0 c) O9 V! J- g9 d#jb51{ position:relative; width:300px; height:250px} ' P9 w. j. A( t9 e
#div1 {
2 K# i$ s* {9 y* n/ c/ Y. Aposition:absolute; ' s7 o1 I7 H' [! f$ c
left:0; / ?$ U0 N* Q1 Y- x+ t& e# g
top:0;
2 o0 |/ y* u8 N# Twidth:300px;
) M3 l, y+ U% \) i& F) [6 r& E0 ]height:250px; z-index:-1
; ^, D+ R6 F$ z8 {) ^
2 ]2 K7 |1 m$ Q7 p}
, ^& m: Q# t3 B#div2 { 3 \ D3 T" i/ ^/ D$ Z
position:absolute;
/ z9 ^% ?% H8 jleft:0;
( ~& [ ]3 ~5 _( y: R; f! {top:0; ' I/ b' U2 h7 a: i' G: J- W
width:300px; : v) s5 e" C( d$ o Z
height:250px; O3 z$ D* ^. P6 h! b" h1 B3 y7 v
z-index:99999; ; \, _( t2 S: ]6 d: v
}
( W5 p6 I; o s' q-->
6 Q# U7 v" ?9 r3 u! Q t( R( W</style></head>
8 s: X1 m! H; d# q6 i$ O, N<body> ; R$ Y4 h, _) i' U4 n2 h- R
<div id=jb51> / s/ g! B: n/ x0 |
<div id=div1>
9 r1 X1 D8 \/ ]5 ^<script type=text/javascript>
& F! X1 X3 @8 B- tdocument.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>');
9 p5 \% R( h, z2 Hdocument.write('<param name=movie value= />');
& }2 n( y4 M: Ydocument.write('<param name=quality value=high /><param name=wmode value=opaque />'); 7 c' b8 n$ k- L0 `
document.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>');
/ q- ~" r7 n+ s6 g7 ?% y% fdocument.write('</object>'); + q4 o- y2 I% ^- }7 I; T
</script>
: L, p" T2 h: j: t</div> $ H# v1 R1 B/ |* ^, a9 D8 i8 b8 `# l
<div id=div2>
/ ~8 c3 W8 V* V& k<a href= target=_blank><img src= width=300 height=250/></a>
6 J6 i9 ?+ v9 |0 B</div>
' G9 S+ ]6 W2 v6 N" ~, w. u+ C</div>
( V5 E& ^1 w8 j; I9 C4 B/ z</body>
1 \2 x, ~6 E1 z</html>
: I% I9 H' \" k o m标准的的flash插入
, T" H k: }' dxml/html code复制内容到剪贴板0 O& k% u& |/ O" P( L
<!-- 标准的的flash插入
! U: J7 l# c) I: V/ |/ W设置高度与宽度：
+ a) E4 Y' v: p( \4 W" I! R9 p( G/ Q2 rwidth=400 height=400
4 t0 q; }8 X; I0 ? S) ]) ~设置路径： 7 d6 t. N% F6 {/ u# I% s
data=style/flash/001.swf 与 value=style/flash/001.swf
2 L3 T: I" L+ P% V替代文本或替代图片： 0 G; S- H% h2 w2 i) \. {2 d9 o
<a href= title=><img src= alt= /></a> 也可以不要这段
P; P8 q) K5 J-->
k0 S9 e4 }- k( K* S3 [<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> ' G7 @, N0 n" Y& N5 U
<param name=movie value=style/flash/001.swf /> 5 t) h& e9 y& q0 k9 M
<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
1 C" L& A! e$ R/ W7 [6 j</object>
% n) f9 H! z9 s. u6 x( b4 S不会遮住层的flash/ F% q/ d% j2 e& _3 g) w7 b4 D
xml/html code复制内容到剪贴板# O2 `+ f+ L8 f% n2 u
<!-- 不会遮住层的flash
& V0 P9 f) k. r' a+ T让flash不档住浮动对象或层的关键属性：
' r7 f8 f; [' { Z<param name=wmode value=opaque /> 6 @' c1 |# C% Y7 T7 H
<embed wmode=opaque></embed> $ G) ^; j6 ~5 _2 Y" p
--> & W4 `7 w0 z% O4 s
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
, z$ S4 e& E+ P% I<param name=movie value=style/flash/001.swf />
& Z, Z5 B9 F# V* ?0 o<param name=wmode value=opaque />
# j/ M" f; S* K5 i- t# S8 K4 d<embed wmode=opaque></embed>
6 v4 {( W3 a" y/ X- y) K" S<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
7 {2 b# Z* E v</object> $ c0 Q; _7 j( B
透明的flash! I) x+ ?1 m2 W5 V/ X: |
xml/html code复制内容到剪贴板7 j+ C, a, F' p
<!-- 透明的flash
" Q7 b& T& P0 W. e+ b2 G1 e让flash透明的关键属性： ; ~% Y+ Q. ^0 Y
<param name=wmode value=transparent>
0 x6 H- n) g- k3 Y" d! i--> % i+ e, Q5 C' q. Z
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> ; U- i1 m8 |/ A. ~- {
<param name=movie value=style/flash/001.swf />
1 A- E" C$ |4 l" ~( \& L' b2 p3 ~<param name=wmode value=transparent>
F, }4 I) [. ]& a1 ]<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
4 u) b0 M3 h: f, M# l0 ^' A</object>
( Z4 o& q' g3 Kwmode 属性/参数值 window | opaque | transparent
( s. E! k, y/ k' G4 ]模板变量：$wm，（可选）允许使用 internet explorer 4.0 中的透明 flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 flash player activex 控件的 windows 中有效。 ! _% Z0 C0 x% ]) _
window在 web 页上用影片自己的矩形窗口来播放应用程序。window表明此 flash 应用程序与 html 层没有任何交互，并且始终位于最顶层。
4 c: ?; X1 b, a" W# s' Fopaque 使应用程序隐藏页面上位于它后面的所有内容。 . O3 {3 F6 I, L- e }0 A: x! Q
transparent使 html 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
9 @8 E& s- w! vopaque windowless和transparent windowless都可与 html 层交互，从而允许 swf 文件上方的层遮蔽应用程序。这两种选项之间的差异在于transparent允许透明，因此，如果 swf 文件的某一部分是透明的，则 swf 文件下方的 html 层可以透过该部分显示出来，而opaque则不会显示。 7 N( P& Q+ E) a9 X' Y) i. `
如果忽略此属性，默认值为 window。仅适用于 object。 4 r* r$ P4 a3 O' l; G' x* M
$ s! b$ I7 S1 ~更多网页制作信息请查看： 网页制作 |
|
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
GEO优化，企业抢占流量高地的制胜法宝404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡