开发学院图形图像Flash Silverlight嵌入到HTML之windowless属性及运用Aja... 阅读

Silverlight嵌入到HTML之windowless属性及运用AjaxControlToolKit时出现虚线边框的问题

 2009-04-11 12:04:02 来源:WEB开发网   
核心提示: 在浏览器中显示的如下: 在这种模式下,Silverlight程序和HTML元素是不能相互融合到一起的,Silverlight嵌入到HTML之windowless属性及运用AjaxControlToolKit时出现虚线边框的问题(2),Silverlight的背景不能是透明的,可以通过 &l

在浏览器中显示的如下:

Silverlight嵌入到HTML之windowless属性及运用AjaxControlToolKit时出现虚线边框的问题

在这种模式下,Silverlight程序和HTML元素是不能相互融合到一起的,Silverlight的背景不能是透明的,可以通过   <param name="background" value="transparent" />来设置背景。

虽然这里设置了transparent,但显示的效果并非透明而是黑色,这就是因为不是windowless模式下。

在有些应用环境下,我们的Silverlight程序在运行过程中所占的位置大小是不一样的。例如用Silverlight做一个下拉菜单,初始情况下所占的位置高度是比较小的,当用户点击菜单后菜单展开,这时候Silverlight程序就要求占的位置大点,高度改变了,但又不想因为Silverlight的高度增加而撑开其他html元素或将其他元素遮挡住。比较有效的办法就是在菜单的展开与收缩时动态改变<object>的高度,且在菜单展开时让Silverlight的层次浮动到其他HTML元素上,在没有Silverlight内容的地方显示透明状态。要实现这种效果,就需要将Silverlight设置为windowless模式,即设置windowless属性为true,同时设置background的值为transparent。另外,还要在Silverlight程序中将没有内容的地方的背景设置为透明,才能时Silverlight在html里展现时相关地方为透明效果。

例如:

<div id="silverlightControlHost" style="height: 155px; width: 300px;">
        <div id="silverlightControlHost" style="height: 160px; width: 300px; position: absolute;
            z-index: 9">
            <object data="data:application/x-silverlight-2," type="application/x-silverlight-2">
                <param name="source" value="ClientBin/TestWindowlessProperty.xap" />
                <param name="onerror" value="onSilverlightError" />
                <param name="background" value="transparent" />
                <param name="windowless" value="true" />
                <param name="minRuntimeVersion" value="2.0.31005.0" />
                <param name="autoUpgrade" value="true" />
                <a href="http://go.microsoft.com/fwlink/?LinkID=124807" 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>
    </div>
    <div style="width: 250px; height: 160px; background: gray;">
        This is HTML DIV Element<br />
        This is HTML DIV Element<br />
        This is HTML DIV Element<br />
        This is HTML DIV Element<br />
        This is HTML DIV Element<br />
    </div>

上一页  1 2 3 4  下一页

Tags:Silverlight 嵌入 HTML

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接