Ver Mensaje Individual
  #6 (permalink)  
Antiguo 27/08/2008, 12:41
Avatar de ChristianDavid
ChristianDavid
 
Fecha de Ingreso: junio-2005
Mensajes: 58
Antigüedad: 18 años, 10 meses
Puntos: 0
De acuerdo Respuesta: select se superpone con capa superior

buenas tardes, se que llega algo tarde la respuesta pero hace poco me toco voltear mucho para encontrar esta solucion aca la dejo y espero que les sea de aporte a las proximas personas con este problema

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Documento sin t&iacute;tulo</title>
<
style>
.
select {
    
position:absolute;
    
z-index:10;/*any value*/
    
overflow:hidden;/*must have*/
    
width:33em;/*must have for any value*/;
}
.
select iframe {
    
display:none;/*sorry for IE5*/
    
display/**/:block;/*sorry for IE5*/
    
position:absolute;/*must have*/
    
top:0;/*must have*/
    
left:0;/*must have*/
    
z-index:-1;/*must have*/
    
filter:mask();/*must have*/
    
width:3000px;/*must have for any big value*/
    
height:3000px;/*must have for any big value*/
}
.
select .texto {
    
border:solid 1px #aaaaaa;
    
padding:12px;
}
</
style>
</
head>
<
body>
<
div class="select">
  <
div class="texto"contenido aca </div>
  <!--[if 
lte IE 6.5]><iframe></iframe><![endif]-->
</
div>
<
select name="abc" size="6" multiple>
  <
option value="1">1</option>
  <
option value="2">2</option>
  <
option value="3">3</option>
  <
option value="4">4</option>
  <
option value="5">5</option>
  <
option value="6">6</option>
  <
option value="7">7</option>
</
select>
</
body>
</
html