Otra vez maldigo al IE8!
Estoy tratando de que me carguen los links de este html y soy incapaz, alguien puede echarme una mano?
EL HTML
Código HTML:
Ver original
<div class="bolaUno"><a href="#analisis"><img src="images/trans.gif" width="250" height="250" alt="Analisis Previo"></a></div>
<!-- ventanitas -->
<div id="analisis" class="panel"> <p class="centrado">Le damos una vuelta a tu idea, te escuchamos, conocemos el estado en el que se encuentra y te ayudamos a orientarla. ¿Estás preparado para que uno de nuestros Coach te provoque?
</br></br>Actividad 1: Focus brainstorming
</p>
<p class="centradoduracion"></br></br>Precio:
<span class="textoResaltado">GRATIS
</span></p>
<div class="btnInfo"> <a href="images/wp.pdf" target="_blank"><img src="images/trans.gif" width="40" height="40" alt="mas info"></a></div>
<ul id="menuInteriorMini"> <li class="volver"><a href="#"><img src="images/trans.gif" width="40" height="40" alt="mail"></a></li> <li class="dos"><a href="#financiacion"><img src="images/trans.gif" width="40" height="40" alt="twitter"></a></li> <li class="tres"><a href="#desarrollo"><img src="images/trans.gif" width="40" height="40" alt="facebook"></a></li> <li class="cuatro"><a href="#mercado"><img src="images/trans.gif" width="40" height="40" alt="linkedin"></a></li>
EL CSS
Código CSS:
Ver originalbody { margin:0; padding:0; background-color:#fff;}
#home:target ~ #header #navigation #link-home,
#analisis:target ~ #header #navigation #link-analisis,
#financiacion:target ~ #header #navigation #link-financiacion,
#desarrollo:target ~ #header #navigation #link-desarrollo,
#mercado:target ~ #header #navigation #link-mercado,
#nosotros:target ~ #header #navigation #link-nosotros,
{
background: #032537;
color: #fff;
}
.panel{
margin-top: -150%;
position: absolute;left:150px;top:180px;
background: #000 ;box-shadow: 0px 4px 7px rgba(0,0,0,0.6);z-index:2;
opacity: 1;
/*-webkit-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
-ms-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out;*/
}
.panel:target{
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";;
opacity: 1; margin-top: 0%;
background-color: #032537 ;width: 500px;height: 500px;
}