`
zoninge
  • 浏览: 33346 次
  • 性别: Icon_minigender_1
  • 来自: 长沙->广州
社区版块
存档分类
最新评论

div下拉框被falsh覆盖的解决方法

    博客分类:
  • Html
阅读更多

有两种方法:

一种就是设置flash为透明:
但是如果你在DW中插入动画,再加
<param name="wmode" value="transparent">
是不生效的。要把整个的flash插件代码换成如下:
<object type="application/x-shockwave-flash" data="http://www.konnech.cn/2/images/banner.swf" width="560" height="210">
<param name="movie" value="http://www.konnech.cn/2/images/banner.swf" />
<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="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="560" height="210">
                                 <param name="movie" value="http://www.konnech.cn/2/images/banner.swf" />
                                 <param name="quality" value="high" />
                                <param name="wmode" value="opaque">
                                 <embed src="http://www.konnech.cn/2/images/banner.swf" wmode="opaque" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" 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="http://gg.blueidea.com/2005/www/m533-104.swf">
<param name="movie" value="http://gg.blueidea.com/2005/www/m533-104.swf" />
<param name="wmode" value="transparent" />
</object>
转自:http://hi.baidu.com/huqing7002/blog/item/cae86e36e57b78d9a2cc2bde.html

分享到:
评论

相关推荐

    jquery div 下拉框 下拉列表

    本知识点将详细讲解如何使用jQuery创建一个基于div的下拉框,实现下拉列表的功能。 首先,理解jQuery的核心概念。jQuery通过选择器选中DOM元素,然后对这些元素进行操作。例如,`$("#myDiv")`会选中ID为"myDiv"的...

    elementui下拉框常见问题及解决方法.txt

    elementui下拉框常见问题及解决方法

    可定制jquery写的div下拉框

    标题中的“可定制jquery写的div下拉框”指的是使用JavaScript库jQuery实现的一种交互式下拉菜单,它允许用户根据需求自定义下拉内容和样式。这种下拉框通常用于网页表单、导航菜单等场景,提供更丰富的用户体验。 ...

    DIV模拟select下拉框

    "DIV模拟select下拉框"就是一种利用JavaScript库,如jQuery,来实现这一目标的技术。它通过用CSS样式化的DIV元素替换原生的SELECT元素,从而提供更灵活的外观和交互体验。 标题中的"DIV模拟select下拉框"意味着我们...

    JQuery DIV模拟下拉框(单选、多选)

    "JQuery DIV模拟下拉框(单选、多选)"就是一种使用JQuery和JavaScript技术,通过`&lt;div&gt;`元素来模拟原生的下拉框,并且支持单选和多选功能的解决方案。 1. **JQuery**:JQuery是一个广泛使用的JavaScript库,它简化...

    div模拟下拉框

    将事件监听器添加到父元素(如模拟下拉框的容器),并通过`event.target`来判断哪个子元素被点击,从而执行相应的操作。 4. **多样式支持** "多样式下拉框模拟"意味着该技术可以适应不同的设计需求。通过CSS预...

    jquery模拟div多选checkbox下拉框

    这可能包括初始化方法(如`.initSelectBox()`),设置和获取值的方法(如`.setValue()`, `.getValue()`),以及显示和隐藏下拉框的方法(如`.show()`, `.hide()`)。 6. **可访问性和兼容性**:考虑到不同的浏览器和...

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

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

    div模拟下拉框的Demo

    2. **CSS样式**:使用CSS为模拟的下拉框添加样式,包括主div、选中项div和选项列表div的样式。可以设置鼠标悬停效果、选中状态等。 ```css .custom-select { position: relative; } .selected-option { cursor: ...

    div+css做的下拉框

    下面我们将深入探讨这个主题,详细介绍如何利用div和css来制作下拉框。 1. **HTML结构**:首先,我们需要创建一个基础的HTML结构来表示下拉框。通常,下拉框由一个主菜单项和若干个子菜单项组成。我们可以使用`&lt;div...

    ASP下拉框多选控件及使用方法

    本文将详细介绍ASP下拉框多选控件的实现方法,以及如何在实际项目中应用。 在HTML中,传统的`&lt;select&gt;`标签只支持单选,但若需实现多选功能,我们需要结合JavaScript或者特定的ASP控件来完成。一种常见的解决方案是...

    多选下拉框(JS+DIV)

    在这里,`&lt;div&gt;`将被用作下拉框的容器,包含下拉按钮和展开的选项列表。通过CSS,我们可以控制`&lt;div&gt;`的外观,使其看起来像传统的下拉框。 项目中的`darrow.gif`可能是一个箭头图像,通常用于表示下拉框的展开和...

    下拉框值触发另一个下拉框

    以上就是关于"下拉框值触发另一个下拉框"这一功能的基本实现原理和方法。在实际项目中,我们还需要考虑到错误处理、用户体验优化(如加载动画、提示信息等)以及兼容性问题,确保在不同浏览器和设备上的良好运行。在...

    js多选下拉框多选下拉框多选下拉框

    JavaScript(简称js)作为客户端脚本语言,常被用来增强网页的交互性,其中包括实现多选下拉框的功能。本文将深入探讨如何使用JavaScript来创建和操作多选下拉框。 首先,HTML基础是构建多选下拉框的起点。一个基本...

    div模拟select自定义下拉列表框(jQuery)

    可以使用jQuery的`show()`和`hide()`方法来切换显示状态,还可以添加过渡效果增强用户体验。 三、具体实现步骤 1. 创建HTML结构: ```html &lt;div class="custom-select"&gt; &lt;div class="select-trigger"&gt;选择项&lt;/...

    div模拟下拉菜单(select)jquery插件.gz

    在这个"div模拟下拉菜单(select)jquery插件.gz"压缩包中,包含的就是这样一个基于`div`和jQuery的自定义下拉菜单解决方案。 首先,`demo.html`是演示页面,它展示了如何在实际项目中应用这个插件。这个页面会包含一...

    下拉框多选 js动态实现

    在这里,我们主要讨论如何使用div元素和JavaScript来模拟原生的下拉框多选效果。 首先,原生的HTML `&lt;select&gt;` 元素只支持单选,如果要实现多选,我们需要借助`&lt;select multiple&gt;`属性,但其样式通常难以自定义。...

    C#实现下拉框绑定list集合的方法

    // 实现ToString()方法,用于下拉框显示 public override string ToString() { return AreaName; } } ``` 接下来,我们需要填充一个`List&lt;Area&gt;`集合。这里,我们从数据库中获取数据。假设有一个名为`TblArea`...

    可以输入的下拉框 下拉框和文本框组合共用

    可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用...

    精美漂亮的实用div+css模仿select下拉框控件

    在本项目中,`div`被用作构建下拉框的结构,通过CSS来设置样式,包括颜色、字体、边框、阴影等,从而实现精美的视觉效果。CSS还负责控制元素的定位和浮动,使得下拉框能正确地与其它元素对齐并响应用户的操作。 4. ...

Global site tag (gtag.js) - Google Analytics