Silverlight 2在IE6 SP2上虛線邊框問(wèn)題

作者：野文 2009-05-26 11:33:15

本文將為大家介紹如何解決Silverlight 2在IE6 SP2上虛線邊框問(wèn)題。本文適合檢查和處理Silverlight在不同版本瀏覽器上兼容性的問(wèn)題。

在Silverlight嵌入到HTML之windowless屬性及運(yùn)用AjaxControlToolKit時(shí)出現(xiàn)虛線邊框的問(wèn)題里談一些Silverlight在瀏覽器上運(yùn)行時(shí)會(huì)出現(xiàn)虛線邊框的問(wèn)題，當(dāng)時(shí)主要考慮了IE7和FireFox，卻沒(méi)想到在IE6 sp2上還是會(huì)出現(xiàn)虛線邊框，必須鼠標(biāo)點(diǎn)擊一次讓其獲得焦點(diǎn)虛線邊框才消失。

經(jīng)過(guò)測(cè)試，發(fā)現(xiàn)如果用<asp:Silverlight />引入silverlight來(lái)取代直接使用<object>可以避免虛線邊框的出現(xiàn)。實(shí)際上直接使用<object>的代碼可以完全移植到<asp:Silverlight />里，<asp:Silverlight />是動(dòng)態(tài)生成了object標(biāo)簽的，只不過(guò)其中的很多js我還沒(méi)有看得很明白。

需要注意的一點(diǎn)，直接使用<object>對(duì)應(yīng)的代碼可以寫(xiě)成這樣：

<div id="silverlightHost" style="width:275px;

height:324px;background-color:transparent;float:left">
<object data="data:application/x-silverlight-2,"

type="application/x-silverlight-2" style="width:100%;height:100%;position:absolute">
            <param name="source" value="../ClientBin/Silverlight.xap"/>
            <param name="onerror" value="onSilverlightError" />
            <param name="onload" value="onSilverlightLoaded" />
            <param name="background" value="transparent" />
            <param name="windowless" value="true" />
            <param name="minRuntimeVersion" value="2.0.31005.0" />
            <param name="autoUpgrade" value="true" />
<a  style="text-decoration: none;">
<img src=http://go.microsoft.com/fwlink/?LinkId=108181

alt="Get Microsoft Silverlight" style="border-style: none"/>
            </a>
        </object>
        <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
    </div>

在對(duì)應(yīng)的onSilverlightLoaded事件中可以獲得<object>元素及包含他的<div>：

function onSilverlightHomePeoplePickerLoaded(sender, args) {            
      var objElement = sender.getHost();
      var divHost = objElement.parentNode;
}

使用<asp:Silverlight />控件實(shí)際上生成的也是<object>，只不過(guò)在<object>標(biāo)簽外面加了一個(gè)<span>，大致等價(jià)于：

<span>
  <object>
    .
  </object>
</span>

所以如果將上面的<object>改成用<asp:Silverlight />控件：

<div id="silverlightHost"  style="height:100%;">        
     <asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightApplication1.xap"

MinimumVersion="2.0.31005.0" Width="100%" Height="100%" OnPluginLoaded="onSilverlightLoaded" />
</div>

對(duì)應(yīng)的javascript代碼要稍做修改：

function onSilverlightHomePeoplePickerLoaded(sender, args) {            
      var objElement = sender.get_element();
      var divHost = objElement.parentNode.parentNode;
}

【編輯推薦】

VS 2010 Beta1和Silverlight不得不說(shuō)的事
Flash與Silverlight多領(lǐng)域?qū)崪y(cè)對(duì)比
淺談Silverlight 3中在線與離線狀態(tài)檢測(cè)

責(zé)任編輯：彭凡來(lái)源： cnblogs

成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Silverlight 2在IE6 SP2上虛線邊框問(wèn)題