Nwlapcug.com


Come nascondere un'immagine con un margine negativo

CSS (Cascading Style Sheets) offrono una varietà di trucchi per manipolare e stile testo e immagini sul tuo sito Web, ma si possono non sapere che è possibile nascondere le immagini senza utilizzare la proprietà "display" o "visibility". Modificando la proprietà di "margine" di un'immagine su un valore grande, negativo, farà sì che il caricamento dell'immagine tp ma essere resi fuori dei limiti dell'area di visualizzazione del browser web. Questo può essere utile per creare menu a discesa o per il pre-caricamento immagini visualizzate successivamente nella pagina Web con JavaScript.

Istruzioni

1

Aprire il documento di pagina Web facendo clic destro su esso, quindi facendo clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad", quindi fare clic su "OK".

2

Fare clic per posizionare il cursore su una riga vuota del documento della pagina Web in cui si desidera l'immagine da caricare, ma non visualizzare. La riga vuota deve essere compreso tra "< BODY >" apertura e chiusura tag "< / BODY >" del documento di pagina Web.

3

Tipo "< img src = '[immagine-URL]' style =' margine sinistro:-9999px;' > "nella riga vuota. Sostituire il testo "[immagine-URL]" con l'indirizzo dell'immagine che si desidera caricare. Questa riga di codice inserisce l'immagine nel documento e dà la proprietà "margin-left" un valore di pixel-"9999". Un valore negativo, grande come "-9999px;" nasconde efficacemente l'immagine dalla vista su praticamente tutte le risoluzioni e le configurazioni di visualizzazione.

4

Fare clic sul menu "File", quindi fare clic su "Salva" per salvare il documento di pagina Web.