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&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.
gracias