Flash的层叠顺序问题(z-index)
发布时间:2020-12-15 17:27:14 所属栏目:百科 来源:网络整理
导读:很多人在写页面代码时都会遇到过这样一个问题,那就是当Flash与页面中的其它HTML结构有重叠的时候,默认情况下Flash总是显示在最上面,从而遮挡住了与它有重叠部分的HTML结构,就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。 因为默认情况下
很多人在写页面代码时都会遇到过这样一个问题,那就是当Flash与页面中的其它HTML结构有重叠的时候,默认情况下Flash总是显示在最上面,从而遮挡住了与它有重叠部分的HTML结构,就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。
因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的,是独立于浏览器的HTML结构渲染的,所以这种情况下的Flash会遮盖住与它重叠的HTML。 在Adobe Flash的发布设置里关于HTML的设置有一项是“窗口模式”,这里面提供了三个选项,分别是:窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。 这三种模式分别表示着Flash在页面中的三种表现形式,根据这三种表现形式,我们就找到了解决这个问题的方法,就是将页面中的Flash模式(wmode)设置为不透明无窗口(opaque)或者是透明无窗口(transparent),在这两种模式下页面中的Flash将与HTML结构是处于同一级别的,所以就可以通过z-index来控制页面中的重叠部分到底是Flash显示在上还是HTML结构显示在上。 当我们需要在页面中加载一个弹出Flash广告时,并且不希望它被页面中的其它Flash所遮挡时,就可以使用这种方法来解决。同样的如果这个弹出Flash是不规则形状的时候,就可以将模式(wmode)设置为透明无窗口(transparent),这样即可以除去Flash本身所带有的背景。 添加代码如下: <embed wmode="opaque"> </embed> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- ios – Cocoapods只依赖于调试/发布版本
- Vue v2.5 调整和更新不完全问题
- c# – IIS 8.5上的ASP.NET MVC 5网页总是处于空闲状态
- ORACLE中的db_name,service_name,instance_name,oracle_sid
- PostgreSQL COPY命令中动态生成的表名
- MongoDB正则表达式及应用
- ruby-on-rails – 在api控制器中调用create时未定义的方法{
- c# – 混淆:ASP.NET Core 2不是托管代码,但ASP.Net Core R
- 深入Vue-Router路由嵌套理解
- FLex 固定时间倒计时 并计时结束后暄软组件