Colocando objeto Silverlight bajo elementos HTML

Hace unos días estaba trabajando en un pequeño proyecto Web en el que tenía una serie de objetos HTML+CSS que se movían dinámicamente por el navegador, sin embargo, cuando intentaba mostrarlos sobre el objeto Silverlight me encuentro que éstos contenedores quedaban debajo del objeto. Probé estableciendo la propiedad z-index en el CSS, entre otras técnicas sin logras solucionar el problema.

Así que no me quedó de otra que empezar a buscar en la red y para ser sincero, pasé muchas horas buscando sin resultados,  durante la búsqueda encontré muchísimas soluciones para otras tecnologías y sólo bastaba agregar un parámetro, finalmente luego de unas horas de búsqueda y justo cuando estaba por darme por vencido me encuentro con un artículo de Gerardo Reyes en el que nos comenta que la solución a este problema es tan simple como agregar a nuestra declaración del objeto:

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

Así que nuestro objeto quedaría similar a lo siguiente:

<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="900" height="128">
                <param name="source" value="valores.xap"/>
                <param name="onerror" value="onSilverlightError" />
                <param name="background" value="transparent" />
                <param name="minRuntimeVersion" value="4.0.60310.0" />
                <param name="autoUpgrade" value="true" />
                <a href="http://go.microsoft.com/fwlink/?LinkID=149156&amp;v=4.0.60310.0" style="text-decoration: none;">
                    <img src="http://go.microsoft.com/fwlink/?LinkID=161376" alt="Get Microsoft Silverlight" style="border-style: none"/>
                </a>
            </object>

En el artículo mencionado anteriormente, Gerardo ofrece 2 opciones adicionales, pero en general esta bastará para la mayoría de los propósitos.

 

1 pensamiento en “Colocando objeto Silverlight bajo elementos HTML