Fondo transparente en un objeto Silverlight

Si queremos que el fondo de nuestro objeto Silverlight sea transparente, debemos setear la propiedad background del objeto Silverlight, esta propiedad es mucho más potente que la del HTML ya que no sólo acepta valores RGB, sino también valores alpha para crear transparencias. La propiedad acepta el valor Transparent, si no se especifica ninguno por defecto el fondo es blanco.

Ahora, para que este fondo sea transparente, debemos definir además, la propiedad isWindowless. Tenemos que tener en cuenta que un objeto windowless respeta el z-index de HTML y permite transparencias, mientras que uno windowed siempre se pone por encima de todo y no acepta transparencias. Por defecto esta propiedad esta en false, por lo que tenemos que definirla en el momento de crear el objeto. Hay que tener en cuenta que solamente debe ponerse esta propiedad si se necesita ya que al ponerla en true, se pierde algo de performance.

Si no definimos la propiedad isWindowless en true entonces el fondo va a ser blanco.

Utilizando Silverlight.js

Silverlight.createObject 

  { 

    ... 

    properties: 

      { ... , 

        background: transparent, 

        isWindowLess: true 

      }, 

    ... 

  ); 

Utilizando <object>

<object data="data:application/x-silverlight," 

        type="application/x-silverlight"> 

    <param name="source" value="algo.xap"/> 

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

    <param name="windowless" value="true" /> 

    <a href="http://go.microsoft.com/fwlink/?LinkID=115261" 

       style='text-decoration: none;'> 

       <img src="http://go.microsoft.com/fwlink/?LinkId=108181" 

            alt="Get Microsoft Silverlight" 

            style='border-style: none'/> 

    </a> 

</object>