今天收到一个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");