css - primer - obtener los hijos de un elemento javascript
Ocultar nodo de texto en elemento, pero no hijos (6)
El atributo de visibility se puede anular en los elementos secundarios, por lo que puede hacer esto:
<div id="closelink">
<a href="">Close</a>
Click to close
</div>
CSS:
#closelink {
visibility:collapse;
}
#closelink a{
visibility:visible;
}
Y el resultado es este: http://jsfiddle.net/pavloschris/Vva84/
Tengo un pequeño problema con CSS y parece que no puedo encontrar una solución. Tengo este HTML
<div id="closelink">
<a href="">Close</a>
Click to close
</div>
Ahora quiero ocultar el texto «Haga clic para cerrar» solamente, sin ocultar ni el div ni el enlace que contiene.
Se puede hacer esto?
Funciona pero puede usar visibility:hidden lugar de visibility:collapse
Hay tres métodos que podría pensar:
Uno
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
#parent{
opacity: 1;
}
.child{
opacity: 0;
}
</style>
</head>
<body>
<div id="parent">
dkjfdkf
<span class="child">Annoying text</span>
</div>
</body>
</html>
Dos
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
#parent{
}
.child{
visibility: hidden;
}
</style>
</head>
<body>
<div id="parent">
dkjfdkf
<span class="child">Annoying text</span>
</div>
</body>
</html>
Tres
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
#parent{
}
.child{
display: none;
}
</style>
</head>
<body>
<div id="parent">
dkjfdkf
<span class="child">Annoying text</span>
</div>
</body>
</html>
La opacidad es mejor si desea que la imagen esté siempre en la página para mantener la estructura, pero no desea que sea visible. Espero que esto haya sido útil.
Intente esta:
<div id="closelink">
<a href="">Close</a>
Click to close
</div>
#closelink {
position: relative;
visibility: hidden;
}
#closelink a {
position: absolute;
left: 0;
top: 0;
visibility: visible;
}
Puede ajustar el valor de la left: 0 para proporcionar algo de relleno.
Tratar
<div id="closelink">
<a href="">Close</a>
Click to close
</div>
#closelink {
position: relative;
left: -9999px;
}
#closelink a {
position: relative;
left: 9999px;
}
.closelink {
font-size: 0px;
}
.close-link a {
font-size: 12px;
}