Foros del Web » Creando para Internet » CSS »

hover de un div afecte a otro elemento

Estas en el tema de hover de un div afecte a otro elemento en el foro de CSS en Foros del Web. Hola amigos. Tengo un div con una imagen de 500 x 300 px y display block. Dentro de este tengo con posicion absolute una "X" ...
  #1 (permalink)  
Antiguo 29/06/2011, 18:23
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 6 meses
Puntos: 116
hover de un div afecte a otro elemento

Hola amigos.

Tengo un div con una imagen de 500 x 300 px y display block.
Dentro de este tengo con posicion absolute una "X" (para eliminar)

Lo que he logrado es ponerle alpha 0, y con hover alpha 100, pero me funciona solo cuando doy hover a la "X".

Lo que quiero lograr es que sea alpha 0 en estado normal y alpha 100, cuando pase el hover (el mause) por encima del div.

Se puede lograr con CSS? Creo q se puede usando la tecnica del menu con hover, pero estoy corto de tiempo para checar codigos u.u

Espero su ayuda y gracias amigos
__________________
Programador jQuery & PHP
  #2 (permalink)  
Antiguo 29/06/2011, 23:35
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 4 meses
Puntos: 269
Respuesta: hover de un div afecte a otro elemento

Hola, seguro que buscandole la maña se puede hacer con css puro, pero ¿para que? es un lío y hacerlo crossbrowser aún más. Y ni hablar de lo sucio que quedará el html/css.

Te hice este ejemplo usando jquery, que como sabrás, no falla. Espero te sea de utilidad.

Un saludo.
  #3 (permalink)  
Antiguo 29/06/2011, 23:40
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 4 meses
Puntos: 269
Respuesta: hover de un div afecte a otro elemento

Aunque si lo que buscas es jugar con el css, en este artículo explican como hacer los hovers que necesitas solo con css.
  #4 (permalink)  
Antiguo 30/06/2011, 10:07
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 6 meses
Puntos: 116
Respuesta: hover de un div afecte a otro elemento

los selectores y filtros para IE no son validos por la w3c ?????

Código CSS:
Ver original
  1. .edit {
  2. opacity:0.1; filter:alpha(opacity=10); }
  3.  
  4. /* AL HACER HOVER EN DIV, REAPARECE CON OPACIDAD 100% LA IMAGEN DE LA ESQUINA*/
  5. #midiv>.edit {
  6. opacity:1; filter:alpha(opacity=100); }

_____________________________

Gracias Cristian, si lo de los selectores no es valido, creo que usare jquery, que tu ejemplo esta de lujo (solo seria cuestion de acoplar las propiedades y diseño a gusto)
__________________
Programador jQuery & PHP
  #5 (permalink)  
Antiguo 30/06/2011, 15:52
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 4 meses
Puntos: 269
Respuesta: hover de un div afecte a otro elemento

De nada me alegro que te haya servido.

Etiquetas: hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:58.