Silverlight 2.0在IE6 SP2上的虚线边框问题

　　在《Silverlight嵌入到HTML之windowless属性及运用AjaxControlToolKit时出现虚线边框的问题》里谈一些Silverlight在浏览器上运行时会出现虚线边框的问题，当时主要考虑了IE7和FireFox，却没想到在ie6 sp2上还是会出现虚线边框，必须鼠标点击一次让其获得焦点虚线边框才消失。

　　经过测试，发现如果用<asp:Silverlight />引入silverlight来取代直接使用<object>可以避免虚线边框的出现。实际上直接使用<object>的代码可以完全移植到<asp:Silverlight />里，<asp:Silverlight />是动态生成了object标签的，只不过其中的很多js我还没有看得很明白。

　　需要注意的一点，直接使用<object>对应的代码可以写成这样：

Code

　　在对应的onSilverlightLoaded事件中可以获得<object>元素及包含他的<div>：

Code

　　使用<asp:Silverlight />控件实际上生成的也是<object>，只不过在<object>标签外面加了一个<span>，大致等价于：

Code

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

Code

对应的javascript代码要稍做修改：

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

posted on 2009-05-26 10:33 野文阅读(1523) 评论(4) 编辑收藏举报