发新话题
打印

常见页面元素遮住菜单解决方法

常见页面元素遮住菜单解决方法


1.被Flash挡住# ^: e' R, D$ V9 E2 l/ o& M1 p
设置Flash的参数:param name="wmode" value="opaque"* `) R# }) H- M& [, j
object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"param name="movie" value="http://pepsi.flash8.net/pepsi46860.swf"8 b" e' q" p, U" O/ h
param name="wmode" value="opaque"param name="quality" value="high"embed src="http://pepsi.flash8.net/pepsi46860.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"/embed/object
% |1 f% i8 p; V8 B8 hdiv style="position:absolute;left:150;top:50;width:100px;height:50px;background:green"0 G$ F( H$ a% {( L$ Q+ f+ U
/div
6 N' R# X# t% [, c8 `7 Q; P! V( D$ P或者用param name="wmode" value="transparent"* S+ c1 [3 x+ D0 ]4 C& G
object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60"param name="movie" value="http://pepsi.flash8.net/pepsi46860.swf"- R3 S6 p& C- n* M9 o2 p
param name="wmode" value="transparent"param name="quality" value="high"embed src="http://pepsi.flash8.net/pepsi46860.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"/embed/object
# p9 O* h& q' ?. C1 V2 ndiv style="position:absolute;left:150;top:50;width:100px;height:50px;background:green": F0 w  X5 E" G' W4 D3 \9 H
/div
- ]# l/ [+ I- k' ]5 _2.被图片挡住
) ~1 u" \; L3 G; N这个估计是因为图片也放在层中,而图片所在层的Z轴索引值比该层大,所以被挡住,解决办法是更改该层的Z轴索引值至比图片层大。
0 q$ Z7 s! h$ U8 Bdiv style="position:absolute;left:0;top:20;z-index:2;background:red;width:120px;height:70px"
  X5 V' n. N- E+ W2 L! W1img src="http://www.flash8.net/images/logo.gif": n5 s' V9 A. n. [! H0 o1 f
/div
0 E( X) U1 A: ?- Ediv style="position:absolute;left:50;top:50;z-index:2;background:green;width:120px;height:70px"
2 [( ^( ?' L; ^6 |- q0 A1 b2img src="http://www.flash8.net/images/logo.gif"7 X. H  x5 R  O+ v
/div6 @; u/ Q& p' ]) B: O
div style="position:absolute;left:90;top:80;z-index:2;background:blue;width:120px;height:70px"
3 {0 [: K: Z0 O* J2 g3img src="http://www.flash8.net/images/logo.gif"" C6 }7 X' w2 f! G
/div
) M# K( `2 V9 e! {2 h( X# \0 V2 A3.被表单控件挡住2 z/ a1 R5 `4 e) b
这个目前还没有完美的解决方法,一般都是在设计排版时就尽量避免这种情况,如果是万不得已,就在层经过表单控件时让表单控件隐藏,过后再让它显示:5 \% F9 l2 k! [; T
button 显示层隐藏下拉选项/buttonbutton 显示下拉选项隐藏层/button! ^. p6 o9 q7 F5 ]  E: n

+ [/ |' w# m- s# @4 [: O" s* c1 Qdiv style="position:absolute;left:0;top:50;z-index:2;background:red;width:120px;height:50px"6 m, Y% x5 g3 Z- |" m
z-index:1select id="oSelect"/select4 b  }. W1 O; y: s# M$ j3 v
/div
$ b  `) J9 d. Ydiv id="oLayer" style="position:absolute;left:30;top:60;z-index:2;background:green;width:120px;height:70px;display:none"
" j3 D7 D7 t3 Y- i& _; o( Xz-index:2img src="http://www.flash8.net/images/logo.gif"
' J5 O6 m2 B4 K" o: z; a1 ~/ L( _/div) F7 U: m5 A, U8 h3 x/ d8 _* j
当然还有用优先级别较高的控件来代替层的方法解决,但控件并非是每台机器上都有安装,而且控件的可定制性也差,也就是常说的兼容性问题:  Q" h% A, @% {8 ^; i3 P
hhctrl.ocx( L- {" S* y& m8 Y% x
OBJECT id=hhctrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" codebase="Ifile:/Ihhctrl.ocx#Version=4,0,0,24" width=80 height=201 p7 n  H/ m( r  N1 }5 F4 p
PARAM name="Command" value="Related Topics, MENU"& Z$ P# s$ b3 S: z8 T
PARAM name="Button" value="Menu"
" `" _7 V9 {. y" C& APARAM name="Item1" value="[X-Eyes];http://x-lover.com/forums/"" @$ }  I& e( z0 _  b: Q7 R# {* z
PARAM name="Item2" value="闪客之吧;http://www.flash8.net"
$ n& a" j! j0 CPARAM name="Item3" value="零刻联盟;http://www.linkmeng.com/"/ Z$ _8 p3 v+ u5 R
PARAM name="Item4" value="蓝色理想;http://www.blueidea.com/"
2 l2 U5 m2 D( T$ r% BPARAM name="Item5" value="a href="http://www.5d.cn"5D多媒体/a;http://www.5d.cn"
; d3 u; @1 [( Y8 K$ _/OBJECT
7 t  q$ f" \1 f' ~$ b- `select/select
- R: J, k, Y- a7 x+ bwindow.createPopup()窗口(需要IE5.5 支持)
" Z& n+ T; x+ c% X4 b1 h, q4 X- oSCRIPT' P" O. e' X* \3 w0 c& P
var oPopup = window.createPopup();8 |- f, S9 z0 Z% X  s4 X
function showPopupWin(){# o0 H$ G: r" L6 s
var oPopBody = oPopup.document.body;
- h0 A& O, K  x0 u* E1 OoPopBody.style.backgroundColor = "green";
$ y/ f$ d" i/ N* n8 s4 X  \) J3 m  zoPopup.show(50, 120, 180, 65,document.body);
/ a: d( S# z' A$ Q$ t# Q7 ~}
7 k, }4 X4 A# n5 ?/SCRIPT
, V$ Z' t* S4 p6 z( NBUTTON Click Me!/BUTTONselect/select
4 W- C) }7 [2 h- }iframe src="index.asp"/iframe



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题