网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决办法
工作中遇到的记录下来;
两种情况:
1.我们网页中的的某些漂浮元素,如广告,div层,被flash遮住|挡住,这种情况我们是想要flash在底层,这时候只需要设置flash透明即可,如果网上找的代码,修改wmode属性为wmode就好了,也可以使用以下标准代码插入即可,如果你使用dw插入,在属性栏选择透明即可;<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">
<div classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300"> <param name="movie" value="flash/nav.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="6.0.65.0" /> <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/nav.swf" width="630" height="300"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> <div> <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决方法" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--></object><script type="text/javascript">swfobject.registerObject("FlashID");</script> </div>
?2.再说第二种情况,我想要让flash保持在页面最上边,比如我们做的flash下拉菜单,并不希望flash的下拉内容被下面的div遮住,这种情况我们需要设置一个关键属性,position;?
?
?
<!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=utf-8" /><title>无标题文档</title><style>.swf {position:absolute;/*此局保证flash在上边*/margin:auto;width:1008px;height:71px;}.main{ width:1000px; margin:auto}body { background:#FC3};.ban { margin-top:120px;}</style><script src="Scripts/swfobject_modified.js" type="text/javascript"></script></head><div classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300"> <param name="movie" value="flash/nav.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="6.0.65.0" /> <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/nav.swf" width="630" height="300"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --> <div> <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决方法" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--></object><script type="text/javascript">swfobject.registerObject("FlashID");</script> </div> </div> <div /> </div> </div><body></body></html>