`
bruce.peng
  • 浏览: 65973 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

flash覆盖div(层)解决方案

    博客分类:
  • flex
阅读更多
(转)flash覆盖div(层)解决方案


Afay 的 (转)flash覆盖div(层)解决方案
有两种方法:
一种就是设置flash为透明:

但是如果你在DW中插入动画,再加

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

是不生效的。要把整个的flash插件代码换成如下:

<object type="application/x-shockwave-flash" data="" width="560" height="210">

<param name="movie" value="" />

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

</object>

对比一下,和DW自动生成的代码是有区别的,测试过,IE FF 均可以。

第二种方法:

设置flash置底,加个代码:<param name="wmode" value="opaque" />

但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在<object 里加个 wmode="opaque" ,实例代码如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="560" height="210">

                                 <param name="movie" value="" />

                                 <param name="quality" value="high" />

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

                                 <embed src="" wmode="opaque" quality="high" pluginspage="" type="application/x-shockwave-flash" width="560" height="210"></embed>

                             </object>

另外一种方法是:

将flash object 改变

<style>

div {

width:100px;

height:100px;

position:absolute;

top:20px;

left:20px;

background:red

}

object {

width:400px;

height:100px;

}

</style>

<div>aaaa</div>

<object type="application/x-shockwave-flash" data="">

<param name="movie" value="" />

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

</object>
分享到:
评论

相关推荐

    网页Object标签遮盖DIV标签解决方法

    6. **JavaScript解决方案**: 如果以上方法都不能解决问题,可以考虑使用JavaScript来检测`&lt;Object&gt;`标签是否加载完成,然后调整`&lt;div&gt;`的位置或者层级。例如,使用`onload`事件监听`&lt;Object&gt;`的加载状态。 7. **...

    最顶层div被flash或者下拉列表遮挡的问题解决

    本文将详细探讨这一问题,并提供解决方案。 #### z-index属性简介 `z-index`属性用于控制HTML元素的堆叠顺序。具有更高`z-index`值的元素会显示在具有较低`z-index`值的元素之上。默认情况下,`z-index`只对设置了...

    flash盖住div或者js做的下拉菜单的解决

    4. **JavaScript解决方案**:利用JavaScript监听Flash对象的载入事件,当Flash加载完成后,动态调整下拉菜单的位置,确保其不会被Flash覆盖。 5. **使用HTML5替代Flash**:随着HTML5技术的发展,很多原本由Flash...

    flash遮住div问题的正确解决方法

    在上述提到的代码段中,关键的解决方案就是将`params.wmode`设置为`"opaque"`: ```javascript params.wmode = "opaque"; ``` 设置`wmode`为`opaque`意味着Flash将在一个不透明的后台渲染,这样它就不会再遮挡后面...

    div被iframe遮住的几种情况及解决方法

    在这种情况下,解决方案是为DIV设置一个不透明的背景颜色,或者使用透明的背景图片。 第二种情况是IE8浏览器中Z-index失效的问题。在IE8中,当IFRAME内部嵌入video元素进行视频播放时,可能会导致外部元素的z-index...

    解决div被flash挡住的设置方法

    本文将详细介绍这一问题的原因、解决方案及其背后的原理,并通过具体示例帮助读者更好地理解和应用。 ### 一、Flash与HTML交互的基础 #### 1.1 Flash简介 Flash是一种广泛应用于网页中的多媒体技术,它可以用来...

    网页中屏蔽flash右键

    例如,覆盖一个透明的div层在Flash上方,监听并阻止这个div上的右键事件。 为了应用这个方法,你需要在网页中引入`RightClick_0.6.3`库,并根据库的文档或示例代码正确地配置和使用它。通常,这涉及到在HTML中添加...

    软件工程师 面试题 DIV+CSS_必考题

    如果需要一个层显示在Flash内容之上,可以修改Flash对象的参数,添加`&lt;param name="wmode" value="transparent" /&gt;`,使其变为透明,从而允许其他HTML元素覆盖其上。 7. **层垂直居中**: 使用绝对定位可以实现层...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器.docx

    在网页设计中,有时我们需要将Flash对象与超链接结合,以便用户点击Flash内容时能够...务必注意,随着Adobe Flash的逐渐淘汰,这种技术可能不再适用于新的项目,但对仍使用Flash的内容,这仍然是一个实用的解决方案。

    开源flash图表--open flash chart

    3. 社区支持:开发者可以在开源社区如GitHub、Stack Overflow等寻找帮助和解决方案。 总的来说,Open Flash Chart是一个强大且灵活的图表库,它为Web开发人员提供了一种方便的方式来创建美观且功能丰富的图表,尤其...

    ZeroClipboard flash剪贴板插件修复在弹出框中错位问题

    在《ZeroClipboard flash剪贴板插件修复在弹出框中错位问题》这篇博文中,作者可能详细讨论了这个问题及其解决方案。通常,解决这类问题的方法包括: 1. CSS调整:确保ZeroClipboard的div元素(通常称为“clipboard...

    DIV CSS最有可能遇到的八个面试问题

    - **解决方案**:将`div`的`display`属性设置为`inline`可以解决这个问题。另外,也可以通过清除浮动(`clear`)或者使用`::before`伪元素来避免此类问题。 #### 3. 如何实现跨浏览器的最小高度? **问题背景**:在...

    js+flash 实现复制效果

    需要注意的是,随着HTML5和现代浏览器的发展,Flash已经逐渐被淘汰,因此在新的项目中,我们应考虑使用更加现代的解决方案,如`clipboard.js`或基于Web API的`navigator.clipboard.writeText()`。这些方法不需要...

    浏览器跨平台使用div等标签盖住flash的另类实用解决方法

    这篇技术分享提供了一种跨平台的解决方案,使用超链接的A标签来覆盖Flash,而不是传统的div标签。这种方法的优势在于,无论用户使用的是哪个浏览器,都能达到预期的效果。 首先,我们要理解为什么要避免将A标签直接...

    div+css学习资料

    这份资料包包含了多个主题,覆盖了HTML标记、CSS属性、常见问题解决方案、编程技巧、命名规范、网页优化以及CSS在实际应用中的各种技巧和策略。 首先,"HTML标签"和"属性名称"是HTML的基础,了解并掌握这些标签和...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器

    解决方案: 第一种:步骤如下 1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明. 代码如下: &lt;div class=”ad_top” xss=removed&gt; &lt;object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ ...

    object标签遮罩问题

    针对这一问题,有一种常用的解决方案是使用 `&lt;iframe&gt;` 作为中间层来解决覆盖问题。具体做法是创建一个 `&lt;iframe&gt;` 元素,并将其设置为覆盖 `&lt;object&gt;` 标签,然后再在这个 `&lt;iframe&gt;` 内部放置 `&lt;div&gt;` 元素。这种...

    Bcastr3.0 flash通用图片播放器

    Bcastr3.0是一款功能强大的Flash图片播放器,适用于各种网站和网页设计中,尤其在创建动态Banner或展示图像序列时,它能提供便捷高效的解决方案。这款播放器以其灵活性和易用性而受到用户的青睐,只需简单地将其嵌入...

Global site tag (gtag.js) - Google Analytics