1. Be blocked by Flash Set the parameters for Flash: <param name= "wmode" value= "opaque" > <object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase= "http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=6,0,29,0 "width=" 468 "height=" "><param name=" movie "Value=" http:/ /pepsi.flash8.net/pepsi46860.swf "> <param name= "wmode" value= "opaque" ><param "name=" quality "high" value= ><embed "src=" pepsi.flash8.net/pepsi46860.swf "quality=" High "pluginspage=" Http://www.macromedia.com/go/getflashplayer "type=" Application/x-shockwave-flash "width=" 468 "height=" ></embed></object> <div style= "Position:absolute;left:150;top:50;width:100px;height:50px;background:green" > </div> or use <param name= "wmode" value= "Transparent" > <object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase= "http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=6,0,29,0 "width=" 468 "height=" "><param name=" movie "Value=" http:/ /pepsi.flash8.net/pepsi46860.swf "> <param name= "wmode" value= "Transparent" ><param "name=" quality "high" value= ><embed "src=" pepsi.flash8.net/pepsi46860.swf "quality=" High "pluginspage=" Http://www.macromedia.com/go/getflashplayer "type=" Application/x-shockwave-flash "width=" 468 "height=" ></embed></object> <div style= "Position:absolute;left:150;top:50;width:100px;height:50px;background:green" > </div> 2. Be blocked by picture This estimate is because the picture is also placed in the layer, and the picture is in the layer of the z-axis index is larger than the layer, so blocked, the solution is to change the level of the z-axis index value to larger than the picture layer. <div style= "position:absolute;left:0;top:20;z-index:2;background:red;width:120px;height:70px" > 1 </div> <div style= "position:absolute;left:50;top:50;z-index:2;background:green;width:120px;height:70px" > 2 </div> <div style= "position:absolute;left:90;top:80;z-index:2;background:blue;width:120px;height:70px" > 3 </div> 3. Blocked by Form control This is not the perfect solution, usually in the design of typesetting as far as possible to avoid this situation, if it is a last resort, when the layer through the form control to hide the form control, and then let it show: <button > Display layer Hide dropdown option </button><button > Show dropdown options hidden layer </button>
<div style= "position:absolute;left:0;top:50;z-index:2;background:red;width:120px;height:50px" > Z-index:1<select id= "Oselect" ></select> </div> <div id= "Olayer" style= "position:absolute;left:30;top:60;z-index:2;background:green;width:120px;height:70px; Display:none "> Z-index:2 </div> Of course, higher priority controls are used instead of layers, but controls are not installed on every machine, and the controls are poorly customizable, which is often said to be a compatibility issue: Hhctrl.ocx <object Id=hhctrl type= "Application/x-oleobject" classid= "Clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" codebase= "<i>file:</i>hhctrl.ocx#version=4,0,0,24" width=80 height=20> <param name= "Command" value= "Related topics, Menu" > <param name= "button" value= "Menu" > <param name= "Item1" value= "[X-eyes];http://x-lover.com/forums/"> <param name= "Item2" value= "flash guest of the bar;"http://www.flash8.net"> <param name= "Item3" value= "web teaching;"http://www.webjx.com/"> <param name= "Item4" value= blue ideal;http://www.blueidea.com/"> <param name= "ITEM5" value= <a href= "http://www.5d.cn" >5d multimedia </a>;http://www.5d.cn"> </OBJECT> <select></select> Window.createpopup () window (requires ie5.5+ support) <SCRIPT> var opopup = Window.createpopup (); function Showpopupwin () { var opopbody = oPopup.document.body; OPopBody.style.backgroundColor = "green"; Opopup.show (M, 180, 65,document.body); } </SCRIPT> <button >click me!</button><select></select> <iframe src= "Index.asp" ></iframe> |
|