`

div层被flash层遮盖的解决

阅读更多

    今天收到一个bug单,说菜单的下拉项被flash图表遮盖住了。解决方法是为swfobject添加上一个参数:transparent就解决了。对于swfobject2.0不存在IE和FireFox的不同,两个都有效果。

    <script type="text/javascript">
    var _values = [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
            0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ];
    var _x_labels = [ "00:00:00", "00:00:00", "00:00:00", "00:00:00",
            "00:00:00", "00:00:00", "00:00:00", "00:00:00", "00:00:00",
            "00:00:00", "00:00:00", "00:00:00", "00:00:00", "00:00:00",
            "00:00:00", "00:00:00", "00:00:00", "00:00:00", "00:00:00",
            "00:00:00", "00:00:00", "00:00:00", "00:00:00", "00:00:00",
            "00:00:00", "00:00:00", "00:00:00", "00:00:00", "00:00:00",
            "00:00:00" ];
    var flashvars = {
        variables :true,
        bg_colour :"0xFFFFFF",
        title :"***图表,{font-size:16px;font-weight:bold;}",
        tool_tip :"#x_label#:#val#",
        num_decimals :0,
        is_fixed_num_decimals_forced :true,
        x_legend :"Time,14,#999999",
        x_label_style :"9,#000000,1",
        x_ticks :1,
        x_axis_colour :"#e6e7ea",
        x_grid_colour :"#e6e7ea",
        x_offset :false,
        y_legend :"Value,12,#999999",
        y_label_style :"9,#000000,1",
        y_ticks :"5,10,10",
        y_axis_colour :"#e6e7ea",
        y_grid_colour :"#e6e7ea",
        y_min :0,
        y_max :100,
        area_hollow :"2,0,10,#ff0000,使用率,12,#ff0000",
        area_hollow_2 :"2,0,25,#0066cc,使用率,12,#0066cc",
        area_hollow_3 :"2,0,10,#59bd0b,使用率,12,#59bd0b",
        values :_values,
        values_2 :_values,
        values_3 :_values,
        x_labels :_x_labels
    };
    var params={wmode:"transparent"};
    swfobject.embedSWF("<c:url value='/ofc1.swf' />", "perf_rate", "100%", "50%",
            "9.0.0", null, flashvars,params );

</script>

只要添加上如红色字体的参数就可以解决啦。

对于swfobject1.5使用这种方式添加参数:swfobject.addVariable("wmode","transparent");

分享到:
评论

相关推荐

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

    今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下: IE浏览器下可用 ...

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

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

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

    要解决`&lt;Object&gt;`标签遮盖`&lt;div&gt;`标签的问题,我们可以尝试以下几种方法: 1. **CSS层级调整**: 使用CSS的`z-index`属性可以控制元素的堆叠顺序。给`&lt;div&gt;`标签设置一个比`&lt;Object&gt;`标签更高的`z-index`值,可以...

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

    以下是针对"关于Flash遮盖Div浮动层"的解决方法的详细解释: 1. **使用SWFObject.js嵌入Flash** SWFObject是一个流行的JavaScript库,用于在HTML页面中无缝地插入Flash内容。通过将Flash嵌入脚本放入一个Div容器中...

    Firefox下div层被Flash遮住的解决方法

    1.Flash设置透明,&lt;param name=wmode value=transparent&gt; 2.注意&lt;embed中的 wmode=transparent… 代码 复制代码代码如下: &lt;object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”...

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

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

    js点击按钮实现带遮罩层的弹出视频效果

    其中,主容器div包含一个a标签用于触发视频弹出效果,视频区域div是实际用于显示视频内容的容器,关闭按钮div包含一个a标签,用于触发关闭视频的事件,遮罩层div则用于在视频上方添加一个半透明的黑色遮罩层。...

    jquery 锁定弹出层实现代码

    div遮盖其他控件的方法参考了 对于需要遮盖flash的,请将flash控件的WMode变量值设置为Transparent 使用方法: 代码如下: [removed][removed] [removed][removed] [removed] //配置模块 var moduleEvent = [{“id...

    ActiveX插件的Z-Index属性无效问题解决

    而无窗体元素,如大多数标准HTML元素(div、span、table等),则被浏览器渲染在同一个平面。 由此产生的问题是,当需要在同一个页面上同时控制有窗体和无窗体元素的层叠关系时,单独使用z-index往往无法达到预期...

    幻灯片挡住CSS导航下拉菜单或者飘浮广告的解决方法

    第二,可将被挡住的DIV/ul/li 置于最高层。添加CSS如下 style="z-index:9999;position: relative;" 在使用FLASH幻灯的时候,有时还是不行。那便在FLASH代码中添加此行代码。 例如: 复制代码代码如下: &lt;...

    html技巧代码

    - 在div内添加一个`iframe`,设置其`z-index`低于div,用以遮挡select,防止select下拉列表遮盖div内容。 8. **跨域iframe**: - 注意跨域引用的问题,iframe的`src`属性必须指向同源策略允许的地址,否则可能...

    DREAMWEAVER知识点.pdf

    * Internet Explorer中默认状态下,层的标记为&lt;div&gt;。 二、Dreamweaver基础知识点 * 在Dreamweaver MX 2004中,“站点”这个概念既可以表示位于Internet服务器上的远程站点,也可以表示位于本地计算机上的本地站点...

    DREAMWEAVER知识点.docx

    7. 在Internet Explorer中,`&lt;div&gt;`标记常用来创建可定位的层。 8. `meta`、`base`和`link`标签属于HTML头部(head)元素,应放在文档头部来定义元信息、基础URL或外部资源链接。 9. `table width`属性可以设置...

Global site tag (gtag.js) - Google Analytics