您的位置:知识库 » Web前端

Silverlight与Flash在FF中的一些注意点

作者: 小小娟  来源: 博客园  发布时间: 2011-03-10 16:59  阅读: 847 次  推荐: 0   原文链接   [收藏]  
摘要:本文将向您讲述Silverlight与Flash在FF中的一些注意点。

  在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,虽然这样该元素还是在页面上占着位置。目前还没找到完美的解决方案。

0
0

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻