Silverlight与Flash在FF中的一些注意点
文章来源：365jz.com 点击数：207 更新时间：2011-02-18 17:25 参与评论
在HTML中，Silverlight、Flash以object标签的形式显示，如以下代码：
View Code
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" >
</object>
但是必须同时指定该object元素的height、width的值，否则在FF下不能显示。
同时如果height的值为百分比，则它的外围元素必须有高度，否则也不显示(width的值为百分比的情况也一样)
如下代码在FF下不能显示：
View Code
<div style="width:200px;">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" style=" height:100%;width:100%">
</object>
</div>
如下代码在FF下可以显示（因为div默认宽度就是整个屏幕的宽度）：
View Code
<div style="height:200px;">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" style=" height:100%;width:100%">
</object>
</div>
另一个注意点也是在FF下，当把object元素用style.display=”none”的形式隐藏掉，再用style.display=””显示出来的时候，Silverlight、
Flash会重新加载，之前代码中的一些属性字段也都没了。（隐藏掉外围元素也是一样，即object外面有个div，隐藏div再显示一样触发重新加载）
另外，改变该object元素的style.position值，几乎都会让Silverlight、Flash重新加载，比如从static到absolute,从static到relative,
absolute到relative等等。将该object元素移动到别的DOM对象下面也会触发重新加载，比如document.body.appendChild(obj)。
以Silverlight为例：
Silverlight的App代码中，在Application启动的时候，弹出一个提示框：View Code
private void Application_Startup(object sender, StartupEventArgs e)
{
this.RootVisual = new MainPage();
MessageBox.Show("启动”);
}
页面代码：
View Code
<object id="obj" data="data:application/x-silverlight-2," type="application/x-silverlight-2" style=" height:110px;width:110px;">
<param name="source" value="ClientBin/Test.xap"/>
<param name="background" value="white" />
<param name="minRuntimeVersion" value="3.0" />
<param name="autoUpgrade" value="true" />
</object>
<br /><br /><br /><br /><br /><br /><br /><br />
<input type="button" value="隐藏?" onclick="obj.style.display='none'"/>
<input type="button" value="显示" onclick="obj.style.display='block'"/>
<br /><br />
<select id="Select1" value="inherit">
<option value="inherit">inherit</option>
<option value="absolute">absolute</option>
<option value="fixed">fixed</option>
<option value="relative">relative</option>
<option value="static">static</option>
</select>
<input type="button" value="设置position" onclick="obj.style.position=Select1.value"/>
<script type="text/javascript">
var obj = document.getElementById('obj');
var Select1 = document.getElementById('Select1');
</script>
这样由于在FF中诡异的重新加载问题，如果实际应用中确实要隐藏掉object元素，可以设置style.visibility=”hidden”,虽然这样该元素还是在页面上占着位置。目前还没找到完美的解决方案。
如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛
------分隔线----------------------------
- 上一篇：XHTML标签的嵌套规则
- 下一篇：.net防止页面生成__VIEWSTATE
