`

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");

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics