如何让div总是显示在最上层,而不致于被其他div遮挡

news/2024/7/21 4:41:57 标签: div, flash, 浏览器, firefox, html, opera
<html" title=div>div id="article_content" class="article_content clearfix"> <html" title=div>div id="content_views" class="htmledit_views">

若有多个html" title=div>div层,某个层一直在最上面可以在最上面的层加上样式::position:absoulte;z-index:5555; 把它的位子给设置一下就可以了!

html" title=flash>flash图层置于最上面:

自己:将<param name="wmode" value="Opaque">这一句放在html" title=flash>flash中即可实现DIV在外层(即FLASH不是最外层了);

 

<object  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/html" title=flash>flash/swhtml" title=flash>flash.cab#version=7,0,19,0" width="1003" height="199">
          <param  name="movie" value="images/html" title=flash>flash_1.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="Opaque">

          <embed src="images/html" title=flash>flash_1.swf"  quality="high" pluginspage="http://www.macromedia.com/go/gethtml" title=flash>flashplayer" type="application/x-shockwave-html" title=flash>flash"  width="1003"    height="199"></embed>
        </object>

 

 

------------------------------------------------------------------------------------------------------

转自:http://blog.sina.com.cn/s/blog_4c5ce2070100i47j.html

 

 

html" title=div>div的图层由html" title=div>div的style中的z-index来决定,z-index是层垂直屏幕的坐标,0最小,越大的话位置越靠上。

由于FusionCharts的图表都放在html" title=div>div中,如果页面还有其他的html" title=div>div,将被FusionCharts的图层挡住。不过设置z-index并不起作用,其他的html" title=div>div仍然被挡住。经过网络上查找,发现原来是这样的:

html" title=flash>flash的图默认情况下总是位于最上层,参考下面的文档:

<param name="WMODE" value="transparent">

<param name="wmode" value="Opaque">

<param name="wmode" value="Window">

NOTE: 支持其它html" title=浏览器>浏览器(html" title=firefox>firefox opera etc.) 则使用 <embed wmode="transparent" />在embed节点中加入wmode值.

window 模式

默认情况下的显示模式,在这种模式下html" title=flash>flash player有自己的窗口句柄,这就意味着html" title=flash>flash影片是存在于Windows中的一个显示实例,并且是在html" title=浏览器>浏览器核心显示窗口之上的,所以html" title=flash>flash只是貌似显示在html" title=浏览器>浏览器中,但这也是html" title=flash>flash最快最有效率的渲染模式。由于他是独立于html" title=浏览器>浏览器的HTML渲染表面,这就导致默认显示方式下html" title=flash>flash总是会遮住位置与他重合的所有DHTML层。

但是大多数苹果电脑html" title=浏览器>浏览器会允许DHTML层显示在html" title=flash>flash之上,但当html" title=flash>flash影片播放时会出现比较诡异的现象,比如DHTML层像被html" title=flash>flash刮掉一块一样显示异常。

Opaque 模式

这是一种无窗口模式,在这种情况下html" title=flash>flash player没有自己的窗口句柄,这就需要html" title=浏览器>浏览器需要告诉html" title=flash>flash player在html" title=浏览器>浏览器的渲染表面绘制的时间和位置。这时html" title=flash>flash影片就不会在高于html" title=浏览器>浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖html" title=flash>flash或者被遮盖。

Transparent 模式

透明模式,在这种模式下html" title=flash>flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象,同样你也可以使用z-index来控制html" title=flash>flash影片的深度值,但是与Opaque模式不同的是这样做会降低html" title=flash>flash影片的回放效果,而且在9.0.115之前的html" title=flash>flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。

了解了各种模式的实现方式和意义在以后的开发中就可以按照具体情况选择设置wmode属性的值了。

 

所以只要将html" title=flash>flash的wmode设置成opaque就行了。所以在页面加载FusionCharts图表时,修改参数wmode,在页面上加载html" title=flash>flash的js代码中加上这句 chart.addParam("wmode","Opaque");就可以了


html" title=div>div> html" title=div>div> <html" title=div>div id="treeSkill">html" title=div>div>

http://www.niftyadmin.cn/n/1732338.html

相关文章

jQuery中该如何防止冒泡事件

冒泡事件就是点击子节点&#xff0c;会向上触发父节点&#xff0c;祖先节点的点击事件。 下面是html代码部分&#xff1a;<body><div id"content">外层div元素<span>内层span元素</span>外层div元素</div><div id"msg"&g…

jQuery中的mouseleave和mouseout区别

$("li").each(function(i) {//删除的鼠标划过的显示与隐藏$(this).mouseover(function() {$(this).find(".del").fadeIn(10);})$(this).mouseleave(function() {$(this).find(".del").fadeOut(10);})})上面的代码如果不是用的mouseleave而是mous…

JQuery实现突破滑动效果实例

parents([expr])取得一个包含着所有匹配元素的祖先元素的元素集合&#xff08;不包含根元素&#xff09;。可以通过一个可选的表达式进行筛选。获取的是集合。 HTML 代码:<html><body><div><p><span>Hello</span></p><span>He…

Jquery 中has()方法以及与find()方法以及filter()方法的区别详解

has(selector选择器或DOM元素) 将匹配元素集合根据选择器或DOM元素为条件&#xff0c;检索该条件在每个元素的后代中是否存在&#xff0c;将符合条件的的元素构成新的结果集。 下面举一个例子&#xff1a;<ul><li>list item 1</li><li>list item 2&l…

jQuery中的mouseenter和mouseleave事件

今天做一个下拉菜单的时候碰到了一个bug&#xff0c;用mouseout的时候&#xff0c;鼠标还没移出拉菜单就自动关闭了&#xff0c; 看案例&#xff1a;http://www.css88.com/demo/mouseleave/2.html 经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件&#xff0c;这两个…

用Jquery轻松实现网页换肤

现在介绍网页换肤的例子已经数不胜数&#xff0c;自己也没有仔细研究过&#xff0c;刚搞遇到类似这个问题&#xff0c;网上查了资料解决了问题&#xff0c;感觉很有用&#xff0c;就记录了下来和大家分享一下。效果很简单&#xff0c;我就直接讲怎么使用的。 其中用到了jquery.…

jQuery hover 与 mouseover 与mouseout 的区别

以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别&#xff0c;应该是一样的。但昨天一个动画效果才让我见识了&#xff0c;这两个并不能等同。 <div class"wrapper"> <div class"img"></div> <d…

解决Jquery Ajax提交服务器端接收中文乱码问题

看到有朋友说到用post提交方式解决&#xff0c;我指定了methord"post",仍然解决不了&#xff0c;说一下解决办法&#xff0c;客户端进行编码&#xff0c;服务器端解码&#xff0c; 客户端&#xff1a;var where escape($(#where).val()); 服务器端&#xff1a; …