DIV在FLASH上面、FLASH透明背景
DIV在FLASH上面
1、在Flash加入:<param name="wmode" value="opaque">
2、在DIV里加入:position:absolute;z-index:10;(数字越大越处于上层)
FLASH透明背景
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="160">
<param name="movie" value="webjx_com.swf">
<param name="wmode" value="transparent">
<embed src="webjx_com.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="160"></embed>
</object>
要在IE中实现flash背景透明,需要加这样一个值:
<param name="wmode" value="transparent">
而在Mozilla、Firefox浏览器中起作用的是这个标签 <embed></embed> 那这样,在<embed>标签内加入属性 wmode="transparent" 就可以实现flash背景透明,遂修改代码如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="745" height="140">
<param name="movie" value="webjx_com.swf">
<param name="wmode" value="transparent">
<embed src="webjx_com.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="745" height="140" wmode="transparent"></embed>
</object>
这样在两个主流浏览器上都可以实现Flash透明了。
为什么会这样?网上简单的解释就是:这是 Macromedia 自己对和IE Netscape 提供的 API 不同,Flash 6 后修正了这个问题。
参考资料:
http://hi.baidu.com/jiufu/blog/item/8da8d3eaec074fd3d539c98c.html
http://news.newhua.com/news1/sheji/2007/96/0796144243CD7B36D92BJFKHCD2AGB.html
分享到:
相关推荐
以下是一个实现Flash透明并在其上方浮动DIV层的示例代码: ```html ***" codebase="***" width="737" height="220" align="center"> ...
2. 动画效果:jQuery的`.animate()`函数可以让元素在指定时间内平滑地改变样式属性,如位置、大小或透明度,模拟出类似FLASH的动画效果。 3. 事件监听:`.on()`函数可用于监听用户的点击、滚动等交互,从而触发相应...
在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不合理。本文将详细探讨这一问题,并提供解决方案。 ##...
通过将`wmode`属性设置为`Transparent`,我们可以确保Flash对象的非透明部分呈现为透明,从而让`<div>`背景可见。 #### 四、兼容性和注意事项 - **浏览器兼容性**:不同的浏览器对`wmode`属性的支持可能有所不同。...
然而,`opaque`模式并不支持透明效果,如果你的Flash内容需要透明背景,可以尝试将`wmode`设置为`transparent`,但请注意,这可能会对性能产生一定影响,因为它需要更多的CPU资源来处理透明度。 除了修改`wmode`,...
2. **设置Flash透明度** Flash动画的透明度可以通过Flash本身或JavaScript进行控制。在Flash的ActionScript中,可以使用`alpha`属性来调整透明度。打开`.fla`文件(如`yuehua.fla`),在时间轴上选择要透明的电影...
在网页设计中,有时会遇到一个常见的问题:Flash元素会遮挡HTML中的div或JavaScript实现的下拉菜单,导致用户无法正常交互。标题"flash盖住div或者js做的下拉菜单的解决"所指的就是如何处理这个技术挑战。本文将详细...
这段代码会创建一个让div元素在可见与半透明之间循环变化的闪烁效果。 三、高亮效果 高亮效果通常是指改变元素的背景色、边框或文字颜色以吸引用户注意。在CSS中,可以使用`background-color`、`border`和`color`...
在网页制作中,这些透明雪花Flash可以作为背景元素,为用户创造沉浸式的浏览体验。它们通常以SWF文件格式存在,这种格式可以嵌入HTML代码中,通过浏览器的Flash插件播放。以下是如何在HTML中插入Flash文件的基本步骤...
在标题和描述中提到的问题,当`div`层需要覆盖Flash层时,可以通过设置Flash的`wmode`为`transparent`来解决。这是因为`transparent`模式可以使Flash对象的背景透明,从而使得底层的HTML元素能够透过Flash显示出来。...
这种情况通常发生在DIV元素使用了透明背景时,比如通过CSS的opacity属性或者rgba颜色模式来设置透明度。大多数浏览器都能够正确地渲染这样的设置,但是Chrome浏览器不支持在IFRAME内部设置透明背景。在Chrome中,...
在这个例子中,`swfobject.embedSWF()`方法被用来插入名为`myFlashContent.swf`的Flash文件,设置了透明背景(`wmode: "transparent"`),并为Flash内容预留了一个ID为`flashContent`的`<div>`作为容器。 总结起来...
在探讨如何解决`div`元素被`flash`内容遮挡的问题之前,我们首先需要了解一些基本概念和技术背景。本文将详细介绍这一问题的原因、解决方案及其背后的原理,并通过具体示例帮助读者更好地理解和应用。 ### 一、...
- **wmode**:设置Flash对象的工作模式,通常有`window`、`transparent`和`opaque`三种选择,其中`transparent`可以使Flash背景透明。 - **allowScriptAccess**:设置是否允许Flash对象访问页面脚本。 - **...
`opaque`表示Flash对象将占据整个背景颜色,而`transparent`则表示Flash对象的未使用的区域将是透明的。 3. **使用绝对定位**:为了更好地控制Flash对象的位置,通常会将其所在的div设置为`position:absolute`。 ##...
通过设置`wmode`参数为`transparent`,可以使Flash背景变为透明,从而更好地与网页背景融合。 ### 实现过程详解 #### 函数定义 首先,我们需要定义一个函数来处理Flash文件的调用逻辑。这里提供了一个名为`tmh__...
在这个菜单中,CSS可能用于设置菜单项的颜色、字体、边框、背景、布局和定位。高级CSS3特性,如伪类(`:hover`、`:active`、`:focus`)、动画(`@keyframes`)和过渡(`transition`),可能被用来增强菜单的视觉效果...
具体做法是在Flash内容上方覆盖一个透明的`<div>`元素,并为这个`<div>`设置`onclick`事件,当用户点击该区域时触发相应的链接跳转。 **示例代码片段**: ```html <div style="position:relative;"> <div class=...
例如,IE6不支持透明背景图片、浮动元素的父级高度自动计算、选择器优先级等特性。其中,一个典型的问题是IE6在处理具有透明PNG图像时的显示错误。为了解决这个问题,开发者通常采用以下几种方法: - **使用滤镜**...
- **透明模式**:`<param name="wmode" value="transparent">`使得Flash内容的背景透明。 - **Flash变量**:`<param name="flashvars" value="vs">`允许向Flash内容传递额外的数据或参数。 此外,还提供了一个`...