Ho alcune immagini con altezza = auto perché a volte hanno altezze diverse mentre sono sempre della stessa larghezza. Funziona in tutti i browser, ma I.E., c'è qualcosa di simile che posso usare?IE non supporta height = auto per le immagini, cosa dovrei usare?
Basta lasciare
height=auto
fuori. Se non è data la sua "auto" per impostazione predefinita ...
Altezza di prova: auto in CSS, dovrebbe funzionare in tutti i browser – Dion
In "IE9 vista di compatibilità - IE7 documento standard mode "leave off height = auto potrebbe non risolvere il problema. Prova ad aggiungere CSS condizionale e nel tuo file css speciale per IE (" ie.css ") aggiungi una linea che assegni l'altezza minima appropriata alla tua classe/elemento interessato
ad esempio:
.IE7 [elemento css]. {Min-height: xxxpx;}
Dove xxx è uguale l'altezza dell'immagine necessaria.
Che assume altro codice nella parte superiore della pagina ... vedi http://www.impressivewebs.com/ ie7-ie8-css-hack/ – Gus
Usa altezza: auto insieme a larghezza: auto e funzionerà in IE. Se ne specifichi solo uno, IE si arrabbia.
height: auto;
width: auto;
Sceglierà solo quest'ultimo, in questo caso, facendo sì che la larghezza abbia la precedenza sull'altezza –
Questo non funziona in IE 10. Quando ho rimosso la larghezza: auto e mantenuta in altezza : auto, ha iniziato a visualizzare di nuovo l'oggetto, altrimenti l'immagine non compariva con entrambi su auto – penmas
altezza: iniziale; funzionerà invece di usare altezza: auto; in cromo e cioè.
Ho trovato che aggiungendo min-altezza: 1px risolto il problema. Non so perché, ma ha funzionato per me.
ho provato tutte le soluzioni pubblicate, e l'unico che funziona è
height=100%
Ciò può avere la conseguenza non intenzionale di allungare l'immagine. –
Cosa significa 'height = auto' fare? Se non si specifica un'altezza, verrà utilizzato qualunque sia il valore di altezza effettivo dell'immagine. –
Fa sì che l'immagine abbia un'altezza di 1 in IE. Funziona bene con altri browser. –