2012-12-18 15 views
5

Sto costruendo una modale fancybox 2 molto piccola che si apre con un iframe al suo interno che mostra un po 'di testo e quant'altro. Tuttavia, il team addetto al controllo qualità che ha esaminato questa build ha notato che costringe il sito a pensare che la larghezza massima sia 480 px per la finestra, che fa esplodere il sito verso la query multimediale reattiva che ho creato.Fancybox 2 Forzare le interrogazioni multimediali reattive in IE

Questo non accade in IE10, Chrome o Firefox. Inoltre, non si verifica nell'emulazione IE9. Ho IE10 e non posso replicarlo in qualsiasi versione/spostamento di IE, ma posso vederlo accadere su ogni computer con IE9. Poiché non riesco a replicare, ho un po 'di difficoltà a trovare il problema. C'è qualche bug o problema noto con Fancybox che potrebbe causare questo?

Grazie per il vostro aiuto!

+0

Io non la penso così (non ricordo alcun problema noto) ... Preferirei scommettere è un bug di progettazione dalla tua parte ma difficile da dire senza un collegamento. Come mai il team addetto al controllo qualità ha notato il problema? (se non riesci a replicarlo, chiedi loro come;) ... D'altra parte, se apri una pagina reattiva in fancybox usando 'iframe' con un' width' di 480px- ovviamente la query multimediale verrà attivata (all'interno fancybox ma non nella pagina madre). – JFK

+0

La query multimediale è in esecuzione sul genitore, non sull'iframe. Sto cercando di ottenere un link che possa mostrarti che non è autenticato. Sono stati in grado di trovarlo perché hanno Native IE9 mentre ho Native IE10. Sono confuso dal fatto che sia un errore di progettazione perché non ho errori, errori di convalida o qualsiasi cosa che valga la pena di notare e funziona perfettamente bene su tutti gli altri browser. Questo è il motivo per cui ho pensato che potrebbe esserci un bug per fancybox stesso o un bug nel modo in cui l'ho implementato. – lxndr

+0

Ho nativo IE9 ogni volta che hai un collegamento pronto ... per quanto riguarda gli errori, IE è meno tollerante rispetto ad altri browser ... errori di sintassi piccoli possono essere trascurati da altri ma non da IE. Se c'è un bug nella tua implementazione, non lo sapremo mai senza codice o link. – JFK

risposta

13

Stesso problema, devi modificare gli URL del tuo css nel tuo iframe, ad esempio con GET.

Es:

Parent:

<link rel="stylesheet" href="http://url.css" /> or 
<link rel="stylesheet" href="http://url.css?v=X" /> 

Iframe:

<link rel="stylesheet" href="http://url.css?v=Y" /> or 
<link rel="stylesheet" href="http://url.css?v=X&f=1" /> 

insetto è nella cache gestore di IE9. Media Query del tuo css su iframe è "reloaded" sul tuo genitore, se url di css è esattamente lo stesso.

+0

Ci scusiamo per il ritardo nell'accettare questo - questo funzionerà benissimo, ma sfortunatamente a causa di vincoli di tempo sono stato costretto a costruire il mio modal personale che leggeva semplicemente un evento click e ha cambiato l'attributo display di una scatola nascosta che ho posizionato in il centro della pagina. Grazie per aver risposto, però! – lxndr

+0

Grazie, anche questo mi ha aiutato. – Jeff

+0

Speravo davvero che questo avrebbe funzionato per me ma purtroppo non è stato così. Il mio problema ha IE9 credendo che la larghezza della finestra è la larghezza della finestra di dialogo e quindi applica in modo errato le query multimediali. –