Để làm Silverlight control transparent của bạn cho nền trang web bạn, cần phải thực hiện hai việc:
Từ trang ASPX :
- Thêm tag PluginBackground="Transparent" vào trong Silverlight control của bạn.
- Thêm tag Windowless="true" vào trong Silverlight control của bạn.
Thí dụ:
<asp:Silverlight PluginBackground="Transparent" Windowless="true" ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightApplication4.xap" MinimumVersion="2.0.30523" />
Từ trang HTML :
- Thêm param: <param name="background" value="Transparent" /
- Thêm param: <param name="windowless" value="true" />
Thí dụ:
<object data="data:application/x-silverlight," type="application/x-silverlight-2-b2" >
<param name="source" value="ClientBin/SilverlightApplication4.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="pluginbackground" value="Transparent" />
<param name="windowless" value="true" />
</object>
Chú ý:
Mặc định là các Silverlight control của bạn sẽ được đưa lên toàn trang web. Đây là vì Width và Height được gán đến 100%. Nếu bạn muốn kiểm soát việc này và hiển thị chỉ một phần của trang hãy thay đổi những giá trị mà bạn muốn. Thí dụ, để làm cho control của bạn chỉ có kích thước là 400x400 pixel trên trang web, bạn chỉ cần gán giá trị 400x400 pixel cho hai thuộc tính Width và Height như sau:
<asp:Silverlight Width="400px" Height="400px" PluginBackground="Transparent" Windowless="true" ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightApplication4.xap" MinimumVersion="2.0.30523" />
Thank you,
--Mike Snow