今天收到一个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层遮盖,在百度上找了一会,说是加个就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下: IE浏览器下可用 ...
### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不...
要解决`<Object>`标签遮盖`<div>`标签的问题,我们可以尝试以下几种方法: 1. **CSS层级调整**: 使用CSS的`z-index`属性可以控制元素的堆叠顺序。给`<div>`标签设置一个比`<Object>`标签更高的`z-index`值,可以...
以下是针对"关于Flash遮盖Div浮动层"的解决方法的详细解释: 1. **使用SWFObject.js嵌入Flash** SWFObject是一个流行的JavaScript库,用于在HTML页面中无缝地插入Flash内容。通过将Flash嵌入脚本放入一个Div容器中...
1.Flash设置透明,<param name=wmode value=transparent> 2.注意<embed中的 wmode=transparent… 代码 复制代码代码如下: <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”...
在html中关于select元素的问题在很多地方都提出过,而在前段...相关文章:div层被flash层遮盖问题解决思路 第一就是比较有名的:一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例: 注解:如果
其中,主容器div包含一个a标签用于触发视频弹出效果,视频区域div是实际用于显示视频内容的容器,关闭按钮div包含一个a标签,用于触发关闭视频的事件,遮罩层div则用于在视频上方添加一个半透明的黑色遮罩层。...
div遮盖其他控件的方法参考了 对于需要遮盖flash的,请将flash控件的WMode变量值设置为Transparent 使用方法: 代码如下: [removed][removed] [removed][removed] [removed] //配置模块 var moduleEvent = [{“id...
而无窗体元素,如大多数标准HTML元素(div、span、table等),则被浏览器渲染在同一个平面。 由此产生的问题是,当需要在同一个页面上同时控制有窗体和无窗体元素的层叠关系时,单独使用z-index往往无法达到预期...
第二,可将被挡住的DIV/ul/li 置于最高层。添加CSS如下 style="z-index:9999;position: relative;" 在使用FLASH幻灯的时候,有时还是不行。那便在FLASH代码中添加此行代码。 例如: 复制代码代码如下: <...
- 在div内添加一个`iframe`,设置其`z-index`低于div,用以遮挡select,防止select下拉列表遮盖div内容。 8. **跨域iframe**: - 注意跨域引用的问题,iframe的`src`属性必须指向同源策略允许的地址,否则可能...
* Internet Explorer中默认状态下,层的标记为<div>。 二、Dreamweaver基础知识点 * 在Dreamweaver MX 2004中,“站点”这个概念既可以表示位于Internet服务器上的远程站点,也可以表示位于本地计算机上的本地站点...
7. 在Internet Explorer中,`<div>`标记常用来创建可定位的层。 8. `meta`、`base`和`link`标签属于HTML头部(head)元素,应放在文档头部来定义元信息、基础URL或外部资源链接。 9. `table width`属性可以设置...