• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 如何让Flash不遮挡HTML div元素的技巧

如何让Flash不遮挡HTML div元素的技巧

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含Flash,不遮挡,HTML等相关知识,佚名 希望在学习及工作中可以帮助到您
今天在写一个flash广告代码的时候,因为flash自带的链接,容易被当成弹出广告,所以做了一个div层放到flash上面,这样链接都是a触发的不会被拦截,但发现flash一直处于div层上面,原来flash需要加个参数才可以。

让flash置于DIV层之下的方法,让flash不挡住飘浮层或下拉菜单,让Flash不档住浮动对象或层的关键参数:wmode=opaque。

方法如下:

针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
针对FF 在<embed />内加上参数wmode="opaque"

微课江湖使用代码:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>22cn</title>  
  6. <style type="text/css">  
  7. <!--   
  8. body {    
  9. position:relative;    
  10. z-index:0;    
  11. margin:0; padding:0   
  12. }    
  13. body,td,th {   
  14.     color: #333333;   
  15. }   
  16. *{margin:0; padding:0}   
  17. img{ border:0}   
  18. #jb51{ position:relative; width:300px; height:250px}   
  19. #div1 {   
  20. position:absolute;   
  21. left:0;   
  22. top:0;   
  23. width:300px;    
  24. height:250px; z-index:-1    
  25.   
  26. }    
  27. #div2 {    
  28. position:absolute;   
  29. left:0;   
  30. top:0;   
  31. width:300px;    
  32. height:250px;    
  33. z-index:99999;    
  34. }    
  35. -->  
  36. </style></head>  
  37. <body>  
  38. <div id="jb51">  
  39. <div id="div1">  
  40. <script type="text/javascript">  
  41. document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="250">');   
  42. document.write('<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />');   
  43. document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');   
  44. document.write('<embed src="http://img.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www

您可能想查找下面的文章:

  • 通过html为FLASH加链接的实现代码(div层)
  • 如何让Flash不遮挡HTML div元素的技巧
  • 在HTML里为FLASH加链接并兼容各大浏览器的方法
  • 使用flash插件来调用pc的摄像头如何将它嵌入到TML页面中
  • html元素遮挡flash详解示例
  • html多媒体应用之网页中插入flash动画、插入音乐
  • 如何在HTML中加载Flash(2种实现方法)
  • html与嵌入其中的flash均存在滚动条的情况分析及处理方法
  • flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(下)
  • flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(上)

相关文章

  • 2017-08-05Form表单中method=post/get两种数据传输的方式的区别
  • 2017-08-05浅谈Html网页表格结构化标记的应用
  • 2017-08-05a标签href属性和onclick事件的比较介绍
  • 2017-08-05html插入图片示例(html添加图片)
  • 2017-08-05iframe的src赋值问题(服务器端)
  • 2017-08-05td单元格合并时 td宽度问题
  • 2017-08-05网易博客中用到的简单网页代码
  • 2017-08-05html网页中meta viewport属性说明
  • 2017-08-05this.parentNode.parentNode(父节点的父节点)是什么意思
  • 2017-08-05HTML常用标签大全及html标签的特点

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML 几种特别分割线特效
    • 浅谈html table 标签
    • 制作主流邮箱能正常显示的HTML邮件的技巧
    • html基本标签
    • 将html文本中所有的标签替换掉的方法
    • 图片作为背景并且是链接的写法(背景图片加链接)
    • 在Firefox或IE中span无法确定宽度的解决方案
    • Data URI和MHTML完整解决所有浏览器
    • iframe子页面操作父页面并实现屏蔽页面弹出层效果
    • html Meta标签小集

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有