Tecnología

Inicio

Cómo ocultar una imagen con un margen negativo

(Cascading Style Sheets) CSS ofrecen una variedad de trucos para manipular y estilo de texto y las imágenes en su sitio web, pero puede no saber que puede ocultar las imágenes sin necesidad de utilizar las propiedades de "visibilidad" "pantalla" o. Al cambiar la propiedad "margen" de una imagen en un valor grande, negativo, va a hacer que la carga tp imagen, sino ser prestados fuera de los límites del área de visualización del navegador web. Esto puede ser útil para crear menús desplegables o para las imágenes pre-carga que se muestran más adelante en la página Web con JavaScript.

Instrucciones

1 Abra el documento de página Web, haga clic en él, haga clic en "Abrir con". Haga clic para seleccionar "Bloc de notas" o "WordPad", a continuación, haga clic en "Aceptar".

2 Haga clic para colocar el cursor en una línea en blanco en el documento de página Web en la que desea que la imagen para cargar, pero no mostrar. La línea en blanco debe estar entre la apertura "<body>" y el cierre "</ body>" etiquetas del documento de página Web.

3 Tipo "<img src =" [imagen-URL] "style =" margin-left: -9999px; ">" en la línea en blanco. Vuelva a colocar la "[imagen-URL]" texto con la dirección de la imagen que desea cargar. Esta línea de código coloca la imagen en el documento y da la propiedad "margin-left" un valor de "-9999" píxeles. Un valor grande, negativo, como "-9999px;" oculta con eficacia la imagen de la vista en prácticamente todas las resoluciones y configuraciones de pantalla.

4 Haga clic en el menú "Archivo", luego haga clic en "Guardar" para guardar el documento de página Web.


Artículos relacionados