Domanda Hai bisogno di hack per ie9 solo


C'è un trucco per colpire solo IE9? Sto affrontando un problema solo in IE9, altri browser stanno funzionando bene. sto usando \9, ma sta effettuando anche IE8.

Non voglio usare commenti condizionali.


10
2017-09-06 09:07


origine


risposte:


Puoi usare questo :root #element { color:pink \0/IE9; } /* IE9 + IE10pp4 */


21
2017-09-06 09:10



Ho scoperto una query multimediale che fa altrettanto. Specifica solo IE9.

@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
    #div { color:red; }
}

Altre che ho elaborato, inclusa una query multimediale di msie 9+, sono nella mia pagina github: https://github.com/jeffclayton/css_hack_testing - La maggior parte di questi ho inviato a browserhacks.com per l'inclusione.

AGGIORNAMENTO 2017: Per vederlo funzionare, ho creato una pagina di test dal vivo per questo e molti altri su cui ho lavorato http://browserstrangeness.bitbucket.io/css_hacks.html e MIRROR: http://browserstrangeness.github.io/css_hacks.html 

Si noti che è min-width: 0 \ 0 (zero-backslash-zero) quando si copia il codice sul proprio sito. Da non confondere con min-width: 0 (solo un singolo zero) che non funziona per differenziare IE9 da altri browser.


14
2018-05-27 03:51



C'è un altro modo!

:root #div { background: #fff \0/IE9; }  /* IE9 */

Usa il :root  selettore psuedo. Funziona perché il @media all and (min-width:0) parte come stato rimosso a favore di questo metodo in IE9.

Essere consapevoli però, che questo non è un metodo sicuro in quanto non funziona su tutti i selettori. La cosa migliore da usare sono i commenti condizionali, è il modo più sicuro, semplice e migliore per scegliere come target versioni diverse di Internet Explorer eccetto IE10 che ha lasciato cadere il supporto per i commenti condizionali.


5
2017-09-06 09:10



Nel mio EMULATORE IE9 nessuna delle soluzioni elencate funzionava. L'unico trucco che ci ha permesso di ridimensionare correttamente, ad esempio, una casella di controllo in IE9 era:

/* IE9 */
:root input#my-checkbox {
    width:20px !important \ ;
    height:20px !important \ ;
    box-sizing:content-box !important \ ;
}

io non lo so se questo influenza anche IE8 o IE10 ecc., ma abbiamo condizionali che li consegnano comunque separatamente.

Spero che questo aiuti qualcuno.


0
2018-06-15 15:16