`
liudaoru
  • 浏览: 1579325 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flash遮盖div/iframe问题的解决办法

    博客分类：
  • Ajax
FlashCSS脚本FirefoxPHP 
阅读更多
今天同事遇到了这个问题，看网上说transparent或opaque可以，但是我们却无法操作flash本身，后来找到了一个比较全的版本，只是似乎还没有办法解决：（

From:http://codingforums.com/showthread.php?t=95109
(a) place Flash embed script in <div> container (I use SWFObject.js)[将flash嵌入脚本放到一个div容器中]

(b) add wmode=transparent to Flash embed script[增加wmode=transparent 到flash嵌入脚本]

(c) set <div id="flashcontent"> container with z-index:-1; [将外层容器的z-index设置为-1]

(d) set <body> tag with style .. position:relative;left:0px;top:0px;z-index:0;
(otherwise Firefox does not accept negative z-index)

(e) set floating iframe in container with z-index: 99;[将浮动的iframe在容器中的zindex设置为99]

(f) use CSS to position flashcontent and htmlcontent containers.[使用css来调整flash容器和html容器的位置]
分享到：
| 使用jstl从多级map中获取值
评论
1 楼 tom&jerry 2010-06-23  
有个具体示例才好。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div覆盖 iframe

    在IT行业中，网页布局和页面嵌套经常涉及到各种技术，如`div`和`iframe`。标题"div覆盖iframe"暗示了一个应用场景，即利用`div`元素覆盖在`iframe`之上，实现特定的页面展示效果。`div`是HTML中的一个基础容器元素，...

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

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

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

    复制代码代码如下:&lt;div&gt;&lt;/div&gt;”&gt;&lt;/iframe”&gt;http://caibaojian.com”&gt;&lt;/iframe&lt;/a&gt; 第一种：透明背景被遮住 当div使用透明的背景时，无论是使用（opacity或者rgba格式），除了chrome，其它浏览器都出现div...

    关于flash遮盖div浮动层的解决方法

    通过上述步骤，我们可以有效地解决Flash遮盖Div浮动层的问题，使得Div内容能够正常显示。值得注意的是，不同的浏览器可能对这些解决方案有不同的响应，因此在实际应用中可能需要进行跨浏览器的测试，以确保在各种...

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

    ### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中，有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的，尤其是`z-index`值的设置不...

    div层被flash层遮盖问题解决思路

    总之，解决`div`层被Flash遮盖的问题，主要是通过设置Flash的`wmode`属性，理解不同模式的工作原理并根据实际需求选择合适的设置。在不同的浏览器间，可能需要采用不同的HTML代码来确保兼容性。同时，还需要关注性能...

    解决下拉菜单被iframe遮住问题

    首先，尝试通过增加下拉菜单及其父元素的`z-index`值来解决问题。确保这个值高于`iframe`及其父元素的`z-index`，这样下拉菜单就能出现在`iframe`之上。例如： ```css .dropdown-menu { z-index: 9999; } ``` ###...

    Flex嵌入IFrame解决方案

    总的来说，Flex嵌入IFrame的解决方案涉及到Flash的渲染模式设置、IFrame组件的属性调整以及可能出现的事件处理和焦点管理。理解并正确应用这些技术，可以帮助开发者在Flex应用中有效地集成IFrame，提升用户体验。

    Android中Fragment 重叠遮盖问题解决办法

    Android中Fragment重叠遮盖问题解决办法 在Android开发中，Fragment重叠遮盖问题是一个常见的问题，而解决这个问题需要了解Fragment的生命周期和状态保存机制。下面将详细介绍Fragment重叠遮盖问题的成因和解决办法...

    ajax分页查询+Div透明遮盖

    在网页开发中，"Ajax分页查询+Div透明遮盖"是两个常见的技术点，用于提升用户体验和页面交互性。让我们分别深入探讨这两个概念。 **Ajax分页查询** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个...

    select网页下拉列表与div层遮盖问题

    在html中关于select元素的问题在很多地方都提出过，而在前段...相关文章：div层被flash层遮盖问题解决思路 第一就是比较有名的：一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例： 注解：如果

    flex解决JSP遮盖

    "flex解决JSP遮盖"这个问题涉及到Flex与Java Server Pages（JSP）的集成，以及在IFrame中如何处理两者的层叠样式表（CSS）和Z-index问题。 在Web开发中，JSP常用于动态生成HTML内容，而Flex则用于创建具有复杂图形...

    ie6 select无法被div遮盖的bug解决方法

    通过以上步骤，我们可以成功地使用`&lt;iframe&gt;`作为遮罩层，解决IE6下`&lt;select&gt;`无法被`&lt;div&gt;`遮盖的问题。值得注意的是，虽然这个方法在IE6中有效，但它并不适用于其他现代浏览器，因为这些浏览器已经修复了这个问题...

    android控件放大被遮盖已解决

    另外，如果你的布局比较复杂，或者`bringToFront()`无法解决问题，你可能需要使用`ViewGroup`的`setDescendantFocusability()`方法来调整整个布局的焦点顺序。例如： ```java myLayout.setDescendantFocusability...

    iframe弹出框遮罩父类页面

    总的来说，"iframe弹出框遮罩父类页面"是一个常见的前端交互需求，通过合理使用`iframe`、JavaScript和CSS，以及像EasyUI这样的库，可以实现高效、简洁的解决方案。理解并掌握这些知识点对于提升网页交互体验至关...

    解决DIV在IE下被下拉列表select穿透的问题(二)

    标题"解决DIV在IE下被下拉列表select穿透的问题(二)"所提及的，是一个典型的IE浏览器特有的问题。这个问题涉及到HTML中的`&lt;div&gt;`元素和`&lt;select&gt;`下拉列表之间的交互，具体表现为在Internet Explorer（特别是旧版本...

    解决css中hover做遮盖罩闪动问题(推荐)

    首先，问题的根源在于当鼠标移动到`div2`上时，`div3`作为遮盖罩出现，但因为`div3`现在位于鼠标下方，鼠标离开`div2`进入`div3`，导致`div2:hover`状态失效，`div3`消失，鼠标再回到`div2`上，如此循环，造成闪烁...

    Jquery做的遮盖层

    &lt;div id="overlay"&gt;&lt;/div&gt; ``` 2. **CSS样式**：为`#overlay`分配适当的CSS样式，如全屏宽度和高度，以及透明度。这可以通过内联样式、内部样式表或外部样式表完成。 ```css #overlay { position: fixed; top...

Magicbox
Global site tag (gtag.js) - Google Analytics