Problema para aplicar "hover" CSS
Publicado por Brooke Spencer (2 intervenciones) el 24/02/2015 17:59:58
Hola a todos los que puedan ver esto, les cuento que tengo un problema para manipular la propiedad hover en el CSS.
Tengo la siguiente estructura en html:
Lo que necesito es crear un hover sobre este div; he tratado con muchas combinaciones CSS pero nada resulta; la ultima que use fue la siguiente:
¿Alguna sugerencia?
les agradezco toda ayuda posible.
Tengo la siguiente estructura en html:
1
2
3
4
5
6
<div id="cuadro1">
<div align="center">
<a href="http://mysite.com="_top" >
<img src="mypicture.png" width="300" height="300"/></a>
</div>
</div>Lo que necesito es crear un hover sobre este div; he tratado con muchas combinaciones CSS pero nada resulta; la ultima que use fue la siguiente:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#cuadro1 > a {
display: none; width: 300px; height: 300px; position:absolute; margin:0px 0px 0px 0px;z-index:3000;
background: #000;
border:#fff 1px dashed;
padding:5px;font-size:12px;
text-decoration:none;
color:#fff;
background-image:url(cross.png);
background-position:center;
background-repeat:no-repeat;
filter: alpha(opacity=80);
opacity: .80;
-moz-opacity: .80;
}#cuadro1:hover a {
display: block; cursor:pointer;}¿Alguna sugerencia?
les agradezco toda ayuda posible.
Valora esta pregunta
0
