IE9 collegamento hover CSS cambiamento di colore spostamento verticale

IE 9 su con il mouse sopra un link, spinge alcuni dei HTML in basso nella pagina. quando rimuovo il colore daIE9 collegamento hover CSS cambiamento di colore spostamento verticale

td.subarea > h2 > a:hover { color: #aa051a; text-decoration: none;}

il problema non si verifica.

Non riesco a incollare tutto il codice qui e sono abbastanza sicuro che sia un problema univoco in questa pagina. Ma forse qualcuno là fuori ha visto qualcosa di simile.

Non sposta il collegamento (un tag) lungo la pagina, è l'intera tabella di contenimento che si sposta.

fonte

2011-09-16 Yogurt The Wise

Dovendo fornirci più informazioni di 1 riga di css generici, ci potrebbe essere una grande varietà di cose che causano questo nel codice completamente non correlato a quella proprietà di colore. – SeventotheSeven

Se qualcosa si muove al passaggio del mouse, le modifiche al passaggio del mouse causano la modifica della larghezza di un elemento. Forse c'è una differenza di 1px in un bordo, o un testo leggermente più ampio, che causa la rottura improvvisa di un layout float pixel-perfetto, perché ora è 901px invece che 900px (o qualsiasi altra cosa). –

Assicurarsi che le proprietà line-height e font-size sono gli stessi per normale e hover.

fonte

2011-09-16 14:01:49

Una specie di trovato il problema, ben rende il movimento di arresto tavolo. margin-top: -20px. Anche se olny spostato verso il basso di circa 10px.

Probabilmente qualche problema di rendering IE9. IE7/8 effettivamente sposta la tabella sul caricamento iniziale.

Le dimensioni dei caratteri, line-altezze, tutto ciò che i CSS, è tutto buono per il collegamento.

Marc B è probabilmente vicino al problema di IE che mostra qualcosa di sbagliato e cauing float e tale da rovinare.

Ora è necessario creare uno stile di tabella con una pagina di layout di tabella (ugh, odio layout di tabella).

fonte

2011-09-16 14:18:57

Questo problema sembra verificarsi in IE9 quando l'elemento contenitore è impostato su overflow: auto e nell'elemento figlio è in corso un'azione di passaggio del mouse.

C'è una soluzione molto semplice per aggiungere min-height: 0px all'elemento contenitore, che funziona.

La spiegazione dettagliata del bug e questa soluzione si possono trovare in questo link: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

fonte

2012-09-30 21:21:05 mohitp

Differenza molto sottile, ma 'min-height: 0px' come citato in questa risposta non funziona per me. Tuttavia, 'min-height: 0%' come citato nell'articolo collegato funziona perfettamente quando applicato all'elemento con overflow che aumenta di dimensioni. –

Per quanto mi riguarda ho dovuto specificare

height:100%;

Poi ho dovuto andare avanti e specificare

width:100%;

il 'min-height: 0px' da mohitp sopra mi ha fatto sulla strada giusta.

fonte

2014-02-06 12:08:12

Hai provato l'altezza minima: 0% ;? 0px non ha funzionato per me, ma lo 0% ha funzionato. Maledizione continua ad esistere anche in IE11! – Navarr

Non l'ho provato, né ricordo a cosa stavo lavorando che avesse il problema ora. Dovrei davvero aggiungere un indizio per me stesso da qualche parte. –

IE9 collegamento hover CSS cambiamento di colore spostamento verticale

risposta

Problemi correlati