Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2008, 17:30
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 20 años, 6 meses
Puntos: 45
PNG transparente en IE sin height

Hola:

Tengo un DIV con un fondo transparente al que le aplico el hack para IE de la propiedad filter. Ese DIV tiene una lista UL con enlaces. Entonces tengo un problema:
  • Si al DIV le aplico un height me hace la transparencia perfecta, pero los enlaces no responden (se toman como texto normal, no se pueden hacer click )
  • Si al DIV no le aplico un height funcionan los enlaces, pero no la transparencia.
Este es el código:
Código HTML:
<div id="divPrincipal">
	<h1>Título principal</h1>
	<div id="cuerpo">
		<p>El título de la lista</p>
		<ul id="listaDrafts">
			<li><a href="imagenes/bandera.jpg">foo</a></li>
			<li><a href="imagenes/desarrollo-verde.jpg">bar</a></li>
			<li><a href="imagenes/biblioteca.jpg">foobar</a></li>
			<li><a href="imagenes/implicados.jpg">barfoo</a></li>
		</ul>
	</div>
</div> 
Y el CSS sería el siguiente:
Código:
body {
	background-image: url(http://images.inmagine.com/48nwm/imagemore/m122980/m122980020.jpg);
	background-repeat: repeat;
}
#divPrincipal {
	background-image: url(http://img185.imageshack.us/img185/5847/azulry7.png);
	background-repeat: repeat;
}
* html #divPrincipal {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img185.imageshack.us/img185/5847/azulry7.png', sizingMethod='scale');
	height: 1px;
}
Y eso, así como está bien la transparencia, mal los enlaces; y si se lo quito la transparencia mal y los enlaces bien.

He colgado temporalmente la imagen y he puesto rutas de imagenes de internet para que podáis probarlo y ayudarme mejor. Pongo las imagenes, por si hay problemas:




¿Existe solución?
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.