Nwlapcug.com


Il blocco del Display non funziona su IE

La proprietà display è riconosciuta da una varietà di browser, inclusi Internet Explorer. Tuttavia, le versioni precedenti del browser hanno sperimentato glitch con questa proprietà, soprattutto quando in bilico su elementi. Aggiornare il browser dovrebbe rendere standard compliant. Errori umani, ad esempio un errore di battitura, possono anche causare la proprietà display di agire in modo imprevisto.

Comportamento dell'elemento

La proprietà display CSS definisce come elementi HTML, come div strati, elenchi e paragrafi affrontano con contenuto che li circonda. Per impostazione predefinita, gli elementi possono visualizzare come un blocco, che significa che l'elemento occupa tutta la larghezza disponibile del contenitore padre appare su una linea separata dal contenuto che viene visualizzato prima o dopo l'oggetto. Al contrario, un elemento inline prende una quantità minima di spazio, che può essere definito dal contenuto all'interno dell'elemento, e appare sulla stessa riga come elementi circostanti. Ad esempio, uno strato di div è un elemento di blocco che viene visualizzato sulla propria riga mentre un arco solo sarà largo come le immagini o il testo contiene e condividerà la linea con altri oggetti.

Impostazione visualizzazione

Se si desidera utilizzare comportamento diverso è la visualizzazione predefinita degli oggetti, è possibile utilizzare CSS o fogli di stile CSS, per forzare l'oggetto a comportarsi diversamente. Nell'esempio seguente, l'arco diventa un elemento di blocco e si trasferisce a una propria linea:
< span style = "display: block" > il tuo contenuto qui < / span >

Allo stesso modo, è possibile forzare le tabelle o div a comparire in linea impostando la proprietà display inline. Un altro comune valore per questa proprietà è "none". Utilizzando questo valore renderà l'oggetto invisibile all'occhio.

Display e Internet Explorer

Quando si utilizza Internet Explorer 5 e 9, il browser dovrebbe render rendering la proprietà display correttamente, quando si imposta un oggetto da visualizzare come una scatola di blocco. Un blocco inline, che agisce come un blocco, ma rimane sulla stessa riga, non è supportato in Internet Explorer 5.5 e non è completamente supportato nelle versioni 6 o 7. Internet Explorer può agire quando in bilico su elementi di blocco, come si estende, all'interno normalmente elementi inline come collegamenti. Impostando i collegamenti e l'intervallo da visualizzare come blocchi, impostare il collegamento al trasparente e impostare l'intervallo visibile al passaggio del mouse per rimediare a questo. Nell'esempio seguente, l'ancoraggio ha un ID di "link" e l'arco ha una classe di "esempio":

collegamento a {display: block;} collegare un. example {display: block; visibilità: nascosto;} collegamento a: hover {background-color: trasparente;} collegamento a: hover. example {visibilità: visibile;}

Risoluzione dei problemi

Verificare che si sta utilizzando un solo elemento visualizzato nel foglio di stile. Rimuovere qualsiasi proprietà ridondanti dal markup. Si noti che se si imposta la proprietà display di "ereditare", il tuo elemento utilizzerà la proprietà display del relativo elemento padre e potrebbe non essere visualizzata come un blocco. Assicurarsi che il selettore corrisponde al nome di elemento nel foglio di stile. Ad esempio, se si desidera rendere tutti gli intervalli con la classe "bloccare" appaiono come un elemento di blocco, è necessario utilizzare il selettore ".block". Tuttavia, se si desidera un solo arco, denominato blocco, di un blocco, è necessario utilizzare l'ID "#block". Assicurarsi di che aver digitato il selettore lo stesso in entrambe le posizioni.