Ocultar elementos con CSS
Ahora les mostraré como ocultar un elemento utilizando sólo CSS, la ventaja de esto es que el elemento en sí sigue existiendo, por tanto, para volver a verlo solo hay que editar el código CSS.
Es un método muy simple y efectivo, que tan sólo ocupará una línea dentro de nuestra hoja de estilos.
.oculto {display: none}
Para aplicarlo a algún elemento de nuestra página sólo debemos agregar el class en ella:
<div class="oculto">Aquí va el contenido que deseas ocultar</div>
Existen más métodos, pero este es el más utilizado.
Espero que les sea útil
Post Relacionados
6 Comentarios en “Ocultar elementos con CSS”
Deja un Comentario
Additional comments powered by BackType
28/10/2009



Octubre 28th, 2009 a las 3:58 pm
Información Bitacoras.com...
Valora en Bitacoras.com: Ahora les mostraré como ocultar un elemento utilizando sólo CSS, la ventaja de esto es que el elemento en sí sigue existiendo, por tanto, para volver a verlo solo hay que editar el código CSS. Es un método muy simple y efect.....
Octubre 28th, 2009 a las 6:44 pm
Hola, sabes si ocupar este truco es considerado como blackhat?
Grax
Octubre 28th, 2009 a las 6:47 pm
@DoctorPc: no te podría asegurar si se considera blackhat o no. Eso sí, leí hace tiempo, que ocultar palabras en posts era una técnica blackhat, por eso no te recomiendo utilizarlo para ocultar keywords.
Como te digo, no estoy 100% seguro
Octubre 28th, 2009 a las 9:11 pm
[...] pero práctico tutorial que veo en Bloging donde nos enseña a ocultar elementos usando CSS. Resulta sumamente sencillo [...]
Noviembre 7th, 2009 a las 11:46 am
Hola...¿y como hago para mostrar los elementos ocultos?
Noviembre 8th, 2009 a las 2:06 pm
@Ikanus: usando este ejemplo, la única forma de volver a mostrarlos es quitarle la propiedad "display: none", para volver a ocultarlos hay que volver a agregar esa propiedad.