层内容被FLASH遮挡解决办法
今天在调整公司网站是发现，在视频播放的页面，分享按钮弹出推荐层会被flash播放器遮挡，给层加上z-index也不起作用，如是去google了一下，找到一些方法：
wmode属性：
“
Window
” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
“
Opaque
” 显示页面上位于它后面的内容。
“
Transparent
“使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
“
Opaque
“和”
Transparent
“都 可与 HTML
层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明，因此，如果 SWF
文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而”opaque”则不会显示。
如果忽略此属性，默认值为 Window。仅适用于object。
Window速度快、有效率，但无法使用z-index，也没有办法混用于DHTML图层当中，这就是为什么常有人在抱怨自己的下拉菜单跑到Flash后面。
Opaque除了可以让你正确控制z-index的样式，也可以透过Javascript來控制它的大小或是移动swf的位置！不过要注意，Opaque的背景可是没有办法透明的，也就是说，任何內容都会被放在swf下面。
至 于Transparent，想当然，就是把flash的背景变成透明。让swf档案可以融入网页当中而不会出现讨厌的白底，不
过，transparent在IE里面是真的透明，也就是说，下面的网页內容是可以被选取起來的，但是在FF里面，就很讨厌了，因为虽然看起來透明，但是
滑鼠卻无法点选。另外，要稍微注意的是，使用这个值，会让你的flash影片变得比较慢！
方法如下：
一、设置flash置底，加个代码
：<param name=”wmode” value=”opaque” />但是只加这个代码，IE可行，在FF下，失效。要想在FF下起作用，还要用在object 里加个 wmode=”opaque” ，实例代码如下：
<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=”600″ height=”248″>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”allowFullScreen” value=”false” />
<param name=”movie” value=”flash/uploader.swf”>
<param name=”quality” value=”high”>
<param name=”wmode” value=”Opaque”>
<embed src=”flash/uploader.swf”
wmode=”Opaque”
quality=”high”
pluginspage=”http://www.macromedia.com/go/getflashplayer”
type=”application/x-shockwave-flash” width=”600″
height=”248″></embed>
</object>
红色：解决IE下的遮住层问题。
绿色加粗：解决Firefox下的遮住层问题。
二、设置flash为透明
：但是如果你在DW中插入动画，再加<param name=”wmode” value=”transparent”>是不生效的。要把整个的flash插件代码换成如下：
<object type=”application/x-shockwave-flash” data=”http://www.w3net.cn/images/banner.swf” width=”560″ height=”210″>
<param name=”movie” value=”http://www.w3net.cn/images/banner.swf” />
<param name=”wmode” value=”transparent” />
</object>
三、
在<body>中插入 onblur=self.focus() 也就是<body onblur=self.focus()>
这个方法没有作尝试，有试过的朋友给个结果，谢。
分享到：
相关推荐
### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中，有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的，尤其是`z-index`值的设置不...
在网页设计中，有时会遇到一个常见的问题：下拉菜单被Flash内容遮挡，导致用户无法正常交互。这个问题主要是由于浏览器的渲染机制导致的，因为Flash对象通常会被置于HTML元素之上，尤其是当Flash内容设置了较高Z-...
在Android开发过程中，一个常见的问题是在...总之，解决Android布局被输入法遮挡的问题，需要根据具体应用和用户体验来选择合适的方法。通过上述策略的组合运用，可以有效避免或缓解这一问题，提供更好的用户交互体验。
在Flash中，我们通常通过层的概念来实现这种效果，每个层代表一个深度级别，前景物体所在的层会覆盖在背景物体的层之上。 1. **使用MovieClip和DisplayObjectContainer** Flash中的MovieClip和...
本文将详细介绍如何解决Flash背景色问题，并确保Flash内容能够透明显示，避免遮挡其他网页元素。 ### 一、理解Flash背景色问题 在Flash动画中，默认情况下会有一定的背景颜色（通常是白色）。当Flash内容嵌入到一...
然而，当用户在EditText中输入时，如果设备的软键盘弹出，有时会遮挡部分屏幕内容，导致用户无法看到或访问被遮挡的区域。这在手机或平板等小屏幕设备上尤为常见，影响了用户体验。为了解决这个问题，开发者需要掌握...
了解了该问题出现的原因，我们也就有了解决办法。首先想到的方案就是控制浏览器的历史记录。由于考虑到安全性问题，浏览器的历史记录不支持删除和修改等操作，只能通过新增或替换的方式来实现对浏览历史的操作，因此...
今天用pop的弹出窗口里，出现一个问题，当网页出现滚动条里，不能遮挡住，解决Pop遮罩层无法遮挡滚动条下问题。 pop滚动条遮挡
标题"iOS解决输入框被键盘遮挡问题"直指这一常见痛点，描述指出了解决方案——在键盘弹出时，界面向上移动以确保输入框始终可见。以下将详细阐述如何处理这个问题。 首先，我们需要理解iOS中的键盘管理机制。当用户...
在本案例中，"解决div总是被select遮挡的问题.rar"提供了解决方案，通过引入一个透明的`iframe`来规避这一现象。 首先，我们需要理解Z轴顺序的概念。在CSS中，`z-index`属性用于指定元素在堆叠上下文中的层级。具有...
之前要做一个弹出对话框，填写信息，发现在手机上看的时候，较后的输入框在填写信息时，输入框被输入法遮挡，只能盲填。 前提 1.弹出的对话框用display:fixed定位的 2.对话框大小固定 解决办法 css部分 （dlg-top与...
### 解决安卓嵌套H5软键盘遮挡问题及导航栏遮挡问题 ...通过以上的方法，我们可以有效地解决安卓嵌套H5中软键盘遮挡输入框以及页面被华为、小米等底部导航栏遮挡的问题，从而提升用户体验和应用的整体质量。
然而，当软键盘弹出时，布局不会自动适应键盘的高度，因此可能导致下方元素被遮挡。 解决软键盘遮挡登录按钮的方法主要有以下几种： 1. 使用`android:windowSoftInputMode="adjustResize"`： 在AndroidManifest....
这时，同样需要在Flash对象中添加相应的wmode参数（wMode="transparent"），确保Flash内容不会影响到外部元素的层级关系。 此外，通过设置IFRAME的一些属性，也可以解决DIV被IFRAME遮挡的问题。例如，可以通过设置...
然而，在这种情况下，可能会遇到一些技术挑战，比如Flex组件被HTML内容遮挡或者IFrame本身被隐藏。本文将详细讲解如何利用IFrame解决这些问题，特别是针对Flex菜单的遮挡问题。 首先，理解Flex和IFrame的基本概念是...
做项目的时候经常会遇到DIV浮动层被FLASH遮挡的，下面给出解决方案。 IE下： 复制代码代码如下: ”wmode” value=”transparent”> FireFox和Chrome下： 复制代码代码如下: <embed src=”...
这将允许内容（包括select的下拉列表）超出元素边界，从而解决被遮挡的问题。 示例代码如下： ```javascript $(".layui-table-body").css('overflow', 'visible'); $(".layui-table-box").css('overflow', '...
"Unity Shader 被遮挡的部分半透高亮显示"这个标题揭示了一个特定的Shader技术，它使得被其他物体遮挡的部位呈现出半透明并带有高亮的效果。这种技术在一些特殊场景中很有用，例如增强物体的深度感知或者创建独特的...
下面我们将详细讨论如何在Android中解决软键盘遮挡输入框的问题。 首先，我们需要理解这个问题的根源。当Android设备上的软键盘弹出时，它会改变Activity的窗口大小，导致布局被压缩。特别是对于底部的输入框，它们...