Get it on Google Play

Bug Internet Explorer

16-03-2007
 

Resulta que l’Internet Explorer quan se superposa un “div” sobre un combo no hi ha manera de fer que el combo quedi per sota del “div”. Es un bug de fa temps i no hi ha manera que l’arreglin.

Si volem que els “div” visualitzin correctament hem d’inserir el següent codi dintre del “div” (Exacte encara que sembli mentida es important situar-lo a l’interior del “div”):

<html>

<body>

<div style=”position: absolute; top: 45px; left: 45px; border: 1px #666666 solid; background: #AAAAAA;”>
Hola <select style=””><option>Opcio</option></select>
</div>

<div class=”select-free” style=”position: absolute; top: 55px; left: 55px; border: 1px #666666 solid; background: #DDDDDD;”>
ABCDEFGHIJKLMN

<!– Aquest tros de codi es per arreglar el bug de IE i que no se sobrescriguin els combos–>
<style>
#t1 {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
visibility: hidden; /* Necessari per konqueror */
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*/;
}
</style>
<iframe id=t1></iframe>
</div>

</body>

</html>

En aquest petit exemple ho podeu veure clar.

Comments

2 Responses to “Bug Internet Explorer”
  1. DavidC says:

    Una manera que jo vaig trobar per fer-ho és:

    En la funció de la capa que fa que es desplegui el div, que provoca la superposició:

    if (document.all) {
    var entries = document.getElementsByTagName(‘select’);
    for (var i = 0; i

  2. albert says:

    Es una bona solució també.

Leave a Reply