1.- Tengo un DIV, que es la cabecera, donde va el logo y un formulario para búsqueda, y el fondo es una imagen PNG, con transparencia así que tuve que aplicar este hack:
Código:
La imagen PNG se ve perfecta, con la transparencia y todo, el problema es que el logo (que tiene un link hacia la pagina de inicio) y el formulario se "bloquean", es decir no es posible hacer click sobre ellos (en el formulario de búsqueda no se puede escribir). Presionando TAB hasta que el logo o el formulario de búsqueda tengan el foco, es posible usarlos, pero no es la idea, entonces cual seria alguna solución para ese problema? Solo ocurre con IE6 (para variar ).background-image: url(images/_header.png)!important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/_header.png');
2.- Tengo un DIV llamado Main, es un contenedor del menu y el contenido. Este igual tiene de fondo una imagen PNG que se repite hasta el final. El contenedor Main se supone que debe crecer a medida que el menú o el contenido lo hagan. Sin el hack, para que la imagen sea transparente, funciona perfecto, el contenedor Main se adapta al tamaño del contenido o del menú y el fondo se repite tantas veces sea necesario. Pero al momento de aplicar el hack, para que el fondo tenga la transparencia que le e aplicado, este solo queda del tamaño de esa imagen. El fondo es de 30px, y el contenedor Main solo queda de ese tamaño, entonces la idea es que este crezca junto a el contenido y el menú. De que forma arreglarlo?
Aqui el estilo que le tengo al contenedor.
Código:
Ojala alguien me pueda ayudar, Gracias!!! .main { height: 100%; padding-top: 10px; padding-bottom: 10px; background-image: url(images/_main.png)!important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/_main.png'); background-repeat: repeat-y; overflow: hidden; }