2009-11-09 6 views
0

Comment rendre l'arrière-plan transparent de l'application Silverlight 3? . Je le code suivant, mais il ne fonctionne pas (Comment faire un fond transparent de l'application Silverlight 3?

  <html xmlns="http://www.w3.org/1999/xhtml" > 
      <!-- saved from url=(0014)about:internet --> 
      <head> 
<title>BGtest</title> 
<style type="text/css"> 
html, body { 
    height: 100%; 
    overflow: auto; 
} 
body { 

    padding: 0; 
    margin: 0; 
} 
#silverlightControlHost { 
    height: 100%; 
    text-align:center; 
} 
</style> 

<script type="text/javascript"> 
    function onSilverlightError(sender, args) { 
     var appSource = ""; 
     if (sender != null && sender != 0) { 
      appSource = sender.getHost().Source; 
     } 

     var errorType = args.ErrorType; 
     var iErrorCode = args.ErrorCode; 

     if (errorType == "ImageError" || errorType == "MediaError") { 
      return; 
     } 

     var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n" ; 

     errMsg += "Code: "+ iErrorCode + " \n"; 
     errMsg += "Category: " + errorType + "  \n"; 
     errMsg += "Message: " + args.ErrorMessage + "  \n"; 

     if (errorType == "ParserError") { 
      errMsg += "File: " + args.xamlFile + "  \n"; 
      errMsg += "Line: " + args.lineNumber + "  \n"; 
      errMsg += "Position: " + args.charPosition + "  \n"; 
     } 
     else if (errorType == "RuntimeError") {   
      if (args.lineNumber != 0) { 
       errMsg += "Line: " + args.lineNumber + "  \n"; 
       errMsg += "Position: " + args.charPosition + "  \n"; 
      } 
      errMsg += "MethodName: " + args.methodName + "  \n"; 
     } 

     throw new Error(errMsg); 
    } 
</script> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head> 
      <body bgcolor="#00FF00"> 
<form id="form1" runat="server" style="height:100%"> 
<div id="silverlightControlHost"> 
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%"> 
     <param name="source" value="BGtest.xap"/> 
     <param name="onError" value="onSilverlightError" /> 
        <param name="pluginbackground" value="Transparent" /> 
       <param name="background" value="#80FF0000"/> 
        <param name="windowless" value="true" /> 
     <param name="minRuntimeVersion" value="3.0.40624.0" /> 
     <param name="autoUpgrade" value="true" /> 
     <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none"> 
      <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/> 
     </a> 
    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div> 
</form> 
        </body> 
        </html> 

Répondre

2

Vous avez un fond partiellement transparent là au moment (# 80FF0000) Pourquoi ne pas changer de complètement transparent comme ceci:

<param name="background" value="transparent"/> 

Vous pouvez ensuite dessiner ce que vous voulez être partiellement transparent dans votre application Silverlight, mais sachez que l'arrière-plan transparent avec windowsless = true peut être VRAIMENT lent.Il vaut mieux éviter cela en utilisant un design graphique intelligent pour s'adapter au contrôle Silverlight dans la page, si possible

+0

mais il ne fait pas t travailler avec Google Chrome! – Rella