2011-09-17 10 views
10

Date un'occhiata a questo in IE9: discaricapiù sofisticate di rendering CSS bug di tutti i tempi (IE9)

http://jsfiddle.net/dalgard/n6PDB/show/

schermo: enter image description here

Leggere questi commenti:

/* 
* IE9: Upon moving the mouse a ghostly 1px vertical line appears 53px into the 
* blue area - only works with normalized CSS (!?) and not inside an iframe 
*/ 

#test { 
    width: 152px;    /* must be 152px or larger! */ 
    height: 200px;   /* can be any height */ 
    border-radius: 1px;  /* must be 1px or larger */ 
    background-color: #44f; /* ghost-line becomes invisible with #00f */ 
} 

#test:hover {}    /* removing this makes the line disappear */ 

#test div { 
    opacity: 0;    /* removing this makes the line disappear */ 
    position: relative;  /* removing this makes the line disappear */ 
    left: 53px;    /* must be 53px or smaller! */ 
    width: 10px;    /* must be 1px or larger */ 
    height: 150px;   /* height of the ghost-line */ 
} 

Qualcuno ha qualche opinione su questo? Cosa sta succedendo e come posso segnalarlo? Come faccio a evitare che ciò accada (lo so, sembra che potrei solo cambiare QUALUNQUE degli attributi in quanto sopra, tuttavia non è così facile ...)?

+0

oppure è possibile utilizzare http://jsfiddle.net/dalgard/n6PDB/show/ –

+0

Oh, e la riga scompare se cambio in un'altra scheda e poi cambio indietro. Riappare dopo aver spostato il mouse, però. – dalgard

+0

(Grazie per la funzione "show" - ottimo) – dalgard

risposta

1

la linea ha a che fare con il bordo del contenitore genitore E il div interno. Se ti sbarazzi del div interno o del confine, risolve il problema. Non so se questo aiuterà ma è quello che sembra essere il problema.

+0

Hai notato come la modifica di QUALSIASI valore, incluso il mettere tutto in un iframe, fa andare via la linea? Cosa ti fa arrivare alla tua conclusione? – dalgard

+0

Lo chiamerei un bug di rendering in IE, ma ho notato che se avessi disattivato il valore del bordo sinistro negli strumenti webdev di IE, il problema di rendering era scomparso. Ho anche notato che il problema di rendering sembra sparare sul bordo sinistro di dove si trova il div interno nel blocco, e che al passaggio del mouse (che non dovrebbe fare nulla) appare la linea di rendering. Quindi mi preoccuperei di sparare prima al confine, perché è la meno probabile a essere notata se cambiata. – CBRRacer

0

posso vedere il problema su IE9 Versione: 9.0.4 (KB2618444)

ma sembra essere fissato su Versione: 9.0.24 (KB2909921)