今天有个用户,门户右上角的倒三角登陆小按钮在他的电脑上无法显示,他用的笔记本屏幕较小,宽度正好显示出页面内容,经查看,门户页眉使用的为flash对象。

大家都知道,如果想让某个图片或者Div层悬浮在别的对象之上,一般的方法是用CSS的z-index来定义。z-index的数值越大,对象越在上面。

但面对flash object对象,z-index无论调多大,你的对象总是在object下面。

这时你需要在Object的<object>...</object>标签内部加入一个参数

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

,具体含意为object的透明模式,这样,你的倒三角按钮就会悬浮在object之上了。


以下附object对象的wmode属性:

wmode 属性/参数

值: Window | Opaque | Transparent
模板变量:$WM
说明: (可选)使您可以使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示的功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。“Window”表明 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。

“Opaque” 使应用程序隐藏页面上位于它后面的所有内容。

“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分进行显示,这样可能会降低动画性能。

“Opaque windowless”和“Transparent windowless” 都可与 HTML 层交互,并允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于“Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来。

如果忽略此属性,默认值为 Window。仅适用于 object。

转载于:https://www.cnblogs.com/tianma3798/p/3469808.html

如何让Div层悬浮在Flash Object对象之上(转载)相关推荐

  1. 如何让Div层悬浮在Flash Object对象之上!

    在开发中可能会遇到flash遮挡住页面中元素的情况,无论怎么设置flash容器或者元素的深度(z-index)都不起作用.这是因为flash默认的渲染模式导致的. 解决方法如下: 在object或em ...

  2. Div层悬浮实现HTML5 Canvas背景动画

    在日常的学习中我接触到一些HTML5 Canvas动画,在开发 tiomg.org 太美在线工具网站 的时候,想将这些震撼或小清新的动画融合到工具网站中,这样可以使原本单调的网页看起来丰富和更有设计感 ...

  3. html5图片浮层,Div层悬浮实现HTML5 Canvas背景动画

    在日常的学习中我接触到一些HTML5 Canvas动画,在开发 tiomg.org 太美在线工具网站 的时候,想将这些震撼或小清新的动画融合到工具网站中,这样可以使原本单调的网页看起来丰富和更有设计感 ...

  4. 如何解决div层被flash遮盖的问题

    页面构建中的Flash层会遮挡Div的问题,一般通过设置wmode="transparent" 或wmode="window"就可以解决.不过对于Flash视频 ...

  5. 让DIV层位于flash对象之上

    让DIV层位于flash对象之上 作者:genius 日期:2005-11-15 在公司主页上放了一个浮动广告式的Online Support,是一个浮动层,可是在浮动到Flash上时,就会被Flas ...

  6. 层内容被FLASH遮挡解决办法

    层内容被FLASH遮挡解决办法 今天在调整公司网站是发现,在视频播放的页面,分享按钮弹出推荐层会被flash播放器遮挡,给层加上z-index也不起作用,如是去google了一下,找到一些方法: wm ...

  7. javascript实现div层移动的减速效果

    其实原理很简单,当一个div层从起始位置到最终终点位置(endX,endY)的过程中,假设每10ms移动一次.那么利用一个目标值(终点坐标)减去当前div层的位置除以一个定长来作为下次div层要移动的 ...

  8. js 拖动多div层,, IE,FF下多可行。

    <html> <head> <meta http-equiv="Content-Type" content="text/html;chars ...

  9. html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...

    这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下 本文实例讲述了js实现文本框中输入文字页面中 ...

  10. 点击文字弹出一个DIV层窗口代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

最新文章

  1. 降低预测过程计算成本,这些NLP模型压缩方法要知道
  2. 用 .NET Memory Profiler 跟踪.net 应用内存使用情况--基本应用篇
  3. Java Agent
  4. 【Flink】FLink 1.13 3 种 命令客户端 GenericCLI 、 FlinkYarnSessionCli、DefaultCLI
  5. Python 使用pdfplumber直接提取PDF文本内容
  6. 反激式开关电源设计资料
  7. 浅议一种低成本的48V蓄电池组电压电流采集模块
  8. 10. python-es-8.3.3-IP范围聚合ip_range
  9. 2013-2014中文核心期刊目录。。。。投稿时注意了啊
  10. 排列组合思维导图_巧用思维导图做数学单元整理
  11. tt作曲家简谱打谱软件_每个人的本地作曲家! 会议友好的满意设置
  12. Java作业:异常处理实验
  13. Web——CSS页面背景
  14. 黑盒测试与bug定位
  15. Linux下端口映射工具
  16. 痞子衡嵌入式:恩智浦SDK驱动代码风格、模板、检查工具
  17. 全球最大的Spark+AI峰会发放优惠码SAIS20TRAIN,培训费优惠20%!
  18. 黑龙江农垦科技职业学院喜迎寒假多校联赛2(快乐ak场)蒟弱部分题解
  19. 《自己动手做智能机器人》——1.3 机电一体化技术带来哪些明星产品
  20. 触摸屏左右屏幕外向内滑动_外向内发展的案例

热门文章

  1. Oracle 基本查询:dual、distinct、null、between and、in、like、order by、group by、dual、as
  2. 5)Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove
  3. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_6-1.常用的第三方支付和聚合支付介绍...
  4. Cast-128 加密算法和 MyPassWord 的破解
  5. 阶段1 语言基础+高级_1-3-Java语言高级_05-异常与多线程_第6节 Lambda表达式_2_冗余的Runnable代码...
  6. 【转载】【SQL】Sql Server Management Studio 18 打开闪退问题
  7. react入门----事件监听
  8. 【转】轻松记住大端小端的含义(附对大端和小端的解释)
  9. 易达项目的工作进程第二天
  10. 【算法】如何将一个文件分割成多份(C,Java语言实现)