12下一页
返回列表 发新帖

如何让flash不遮挡html div元素的技巧

601.4k 15
swmozowtfl 发表于 2015-7-9 23:02:04|湖北 | 查看全部 阅读模式
今天在写一个flash广告代码的时候,因为flash自带的链接,容易被当成弹出广告,所以做了一个div层放到flash上面,这样链接都是a触发的不会被拦截,但发现flash一直处于div层上面,原来flash需要加个参数才可以。1 N; s7 ?9 q; s3 U3 t+ I$ C
让flash置于div层之下的方法,让flash不挡住飘浮层或下拉菜单,让flash不档住浮动对象或层的关键参数:wmode=opaque。 6 }9 Y8 U; c8 T$ l
方法如下:
% Q: T" M* L0 ]针对ie 在<object></object>内加上参数<param name=wmode value=opaque /> % v& q% r# }9 n" x% o2 z+ j
针对ff 在<embed />内加上参数wmode=opaque ; c: w' {* B$ u3 V& I
脚本之家使用代码:4 d  G+ Y$ T) X: d
xml/html code复制内容到剪贴板7 U4 u* o: ^$ }2 U! v3 |5 L
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
2 \- V- s% F4 W! q9 z* ]5 R<html xmlns=> # W4 o+ |9 l. S& I" u
<head> ( |1 O+ |- _  Y- Z! S) f2 E5 ~# ~
<meta http-equiv=content-type content=text/html; charset=gb2312 /> * a1 R% N% x1 B" G, F' c* w6 d
<title>22cn</title> ; G, _$ R3 e* I3 l
<style type=text/css> - l, Z- E! n1 r  \
<!--
9 {% k! l5 L0 z/ q  rbody {
* h' l" @$ m5 s8 j7 sposition:relative;
" k3 z$ T+ S: a8 H9 s- P1 tz-index:0;
9 s$ n, G( ]$ e) a# `5 b/ Qmargin:0; padding:0
) S8 J/ `: q. L/ g9 J/ W}
% R# s$ {6 u- h- Pbody,td,th {
+ o' Z9 z! ]/ ?2 ]4 B# |. n+ Dcolor: #333333;
2 Y# F4 f1 h  v# p% t; z9 R/ W; b} . @( x( W1 Z! H3 m9 l5 H1 v
*{margin:0; padding:0}
$ Y' ^' r/ U7 F% z  N3 P6 aimg{ border:0} ' x3 P, ~1 q7 O7 d9 A) s, i+ p
#jb51{ position:relative; width:300px; height:250px} ! t4 f- G( U2 O( z3 O
#div1 { . X& O8 P, X- n1 p( o+ c8 U
position:absolute; : Y/ P3 o& A. S* i
left:0; 4 T3 H& a: \) T" I" ]
top:0; 0 g' \* U- ?7 G- R
width:300px; 3 A% I3 Q( C; a" O3 |+ @
height:250px; z-index:-1
. ^* c8 i0 f  w+ q9 T" Q1 X5 V3 Z* f) }3 ?
}
& Q5 V4 N* o9 z( T) H# X" g" A#div2 {
3 c$ d' R. L7 U, u6 T. c0 O5 kposition:absolute; . r; a- ]& z# ]0 t4 M3 E
left:0;
& Z8 U& J3 A( |' I9 Qtop:0; - S- g3 Z+ A6 o! D" \
width:300px; ; M7 o* y: n( ?; k
height:250px; + c3 }) o/ t5 k1 x+ ^9 p
z-index:99999; & n7 N* x/ Z, |5 j5 L' q9 w; F6 @7 B
} ) l+ p' t( l. T, u
--> ) c, f5 d  {5 w: Q4 X
</style></head>
2 }( ^6 j6 M& Y# k2 z: M<body>
+ i8 K3 k& w/ A- w. H+ L- Y& g<div id=jb51>
  Q% E8 T! y3 H) n$ V5 n<div id=div1>
  N* e  L% V$ |<script type=text/javascript>
4 q( r; a& u5 k' {; {document.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase= width=300 height=250>'); . P) C% B- b; v& K& }5 F3 f
document.write('<param name=movie value= />'); % d2 m2 v" E- P+ X6 `
document.write('<param name=quality value=high /><param name=wmode value=opaque />'); ! j9 l1 a' x5 @9 j. W; G
document.write('<embed src= quality=high pluginspage= type=application/x-shockwave-flash width=300 height=250 wmode=opaque></embed>');
$ S" y6 B" ]/ [1 E4 i2 i1 O" B/ a3 P& Kdocument.write('</object>');
/ g+ m0 i9 V' j, H7 v</script> ; j( J" s  x+ z0 N3 j6 `
</div>
+ b( m: J/ Z$ s# `8 u; k<div id=div2>
' F$ o0 e" h9 i# ~$ K<a href= target=_blank><img src= width=300 height=250/></a> ) m! Y  m3 u% y8 M6 j% l
</div> ! a6 t  e  @: a+ B
</div> * t  Z, a  k- y: u9 t, m
</body> 0 p; V' R1 ?( \# M4 S6 B2 U$ S/ R
</html> & G3 p' o$ p5 y
标准的的flash插入1 A, A) L! U( J/ ?% k" U
xml/html code复制内容到剪贴板
8 |) i1 Q$ F  {- k<!-- 标准的的flash插入 " L- z: }2 X0 t0 n' _* g
设置高度与宽度:
$ H$ a& E- N' Q$ k# nwidth=400 height=400
# w$ g9 ?5 N& ]4 ?+ F& d) A& O设置路径:
1 H3 B. ?# i- h8 }8 B! W% s3 kdata=style/flash/001.swf 与 value=style/flash/001.swf / _% F3 u* p& X( Q0 D
替代文本或替代图片: $ Y6 `6 n! D' u+ M# F& a
<a href= title=><img src= alt= /></a> 也可以不要这段 " B( h$ {3 ~; E- u( D
-->
5 Z) Y' j' S  M( l7 d. a<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
4 g8 x$ |5 |1 J8 s<param name=movie value=style/flash/001.swf />
" \" Z& |! A$ s+ R/ L7 \( ]<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
; ^+ i  [! S' u6 _4 p' [</object> ! ]. \2 j" S' Q" d' G
不会遮住层的flash! a5 d' |& s+ c2 b. r& P3 {
xml/html code复制内容到剪贴板
& _; ~9 b! G+ f1 ]( I7 m! A. ^- j<!-- 不会遮住层的flash
0 O/ R% f5 a, o" q$ m让flash不档住浮动对象或层的关键属性:
$ c8 V6 p; j& \7 G7 M4 Y0 v& H<param name=wmode value=opaque /> . d  ]7 J+ V0 i2 J9 W1 \; ]1 I
<embed wmode=opaque></embed>
$ j/ x  h+ T8 G# |1 G: p-->
' M& w3 V. P: y3 M  Q<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400>
, N# `% s  F# ?$ l% C4 V% n<param name=movie value=style/flash/001.swf />
; \; x. V: O. l4 G<param name=wmode value=opaque />
" I0 h; c( \: {7 K<embed wmode=opaque></embed>
; W+ O. g; R; E, I+ x" p<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
/ F, x% Q' Q+ |5 k* |" [</object> : F1 x8 J3 S2 ]0 i. @; U
透明的flash& _0 v) k6 G7 _( p& }
xml/html code复制内容到剪贴板
9 J7 K' y4 J  a' @! q<!-- 透明的flash ( l/ w7 [! a% r9 R* ]3 T  F4 d
让flash透明的关键属性:
$ @  q: e) l. g* _<param name=wmode value=transparent>
, Z# O* w! N1 y- Q$ \8 ^--> ( p6 E6 w3 Z# \. ]) J' a
<object type=application/x-shockwave-flash data=style/flash/001.swf width=400 height=400> $ ^5 b9 z1 p/ \+ M5 a
<param name=movie value=style/flash/001.swf /> % i) [$ Z. t& b' K5 i% [% g
<param name=wmode value=transparent>
* a0 D# Q* ]8 h0 u8 O<a href=style/flash/001.swf><img src=style/img/001.jpg alt=flash动画 /></a>
# k" {$ _4 h/ o8 [$ X$ C" W+ l</object> / I. e6 {) G. H, v3 N0 e
wmode 属性/参数值 window | opaque | transparent
# Y3 f7 ^; P7 v. K2 b模板变量:$wm,(可选)允许使用 internet explorer 4.0 中的透明 flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 flash player activex 控件的 windows 中有效。
# C! h# E. w) v) z2 W/ M. Iwindow在 web 页上用影片自己的矩形窗口来播放应用程序。window表明此 flash 应用程序与 html 层没有任何交互,并且始终位于最顶层。 % Z& L, V% {* l. p: m
opaque 使应用程序隐藏页面上位于它后面的所有内容。
8 i0 i/ L% X0 P/ F( \2 c( h1 N9 Wtransparent使 html 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
' K1 A  C: x+ g5 _opaque windowless和transparent windowless都可与 html 层交互,从而允许 swf 文件上方的层遮蔽应用程序。这两种选项之间的差异在于transparent允许透明,因此,如果 swf 文件的某一部分是透明的,则 swf 文件下方的 html 层可以透过该部分显示出来,而opaque则不会显示。
# m; j0 [2 A# _( f( L" m/ F/ a如果忽略此属性,默认值为 window。仅适用于 object。
! G% [& ?) ]- w) Q: \6 A
& _# l4 B3 \2 V更多网页制作信息请查看: 网页制作

回复|共 15 个

GoodyFouppy 发表于 2015-10-4 22:10:09|Reserved | 查看全部
因删贴不及时所产生的任何法律(书法,基本法,劳动法,婚姻法,输入法,国际法,今日说法,与台湾关系法及文中涉及或可能涉及以及未及之法,各地治安管理条例)纠纷或责任本人概不负责。
Mqokjdvq 发表于 2015-10-4 22:10:55|法国 | 查看全部
俺灌的不是水,是寂寞啊!
buingeEvineus 发表于 2015-10-4 22:11:33|中国 | 查看全部
哈哈 怎么说来眼睛小真的很好 哈 哈哈~~~~
wwzcdenleclv 发表于 2015-10-4 22:10:06|美国 | 查看全部
晕 在我帖里面找偶像啊??
seazvyt 发表于 2015-10-4 22:10:29|美国 | 查看全部
疯了.........
alapScady 发表于 2016-2-10 10:58:45|俄罗斯 | 查看全部
如本人留言违反国家有关法律,请网络管理员及时删除本人跟贴。本回贴不暗示、鼓励、支持或映射读者作出生活方式、工作态度、婚姻交友、子女教育的积极或消极判断。
buingeEvineus 发表于 2016-2-10 10:59:12|美国 | 查看全部
终于看完了~~~
effoggikeftor 发表于 2016-2-10 10:59:16|北美地区 | 查看全部
我怎么就踩不死你呢??
wwzcdenleclv 发表于 2016-2-10 10:58:40|广东 | 查看全部
笨点也好~~~~
buingeEvineus 发表于 2016-2-10 10:59:58|美国 | 查看全部
怎么就没人拜我为偶像那??
Mqokjdvq 发表于 2017-4-11 13:43:03|山东 | 查看全部
我也不知道了~~你把我问蒙了 呵呵
wwzcdenleclv 发表于 2017-4-11 13:39:56|美国 | 查看全部
哈 你逗逗他啊
alapScady 发表于 2017-4-11 13:37:47|Reserved | 查看全部
你你你你 呵呵~~~~别这样哦.....
tohme 发表于 2017-4-11 13:35:45|新西兰 | 查看全部
要相信自己~智商为0

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表