Comment faire un div invisible sans commentaire?

Est-il possible de faire un div invisible sans commentaire? Si oui, comment?

Pourquoi voulez-vous un div que vous ne souhaitez pas afficher? Cette information pourrait être utile pour la réponse.
C'est un bon point, mais je suis juste allé avec ce qui est alternatif. Seulement, OP sait si il a vraiment besoin de supprimer ou de les cacher pour une récupération ultérieure.

InformationsquelleAutor Mubeen | 2010-06-12

css html

33

Vous avez besoin de le cacher avec du CSS:
```
div {                    /* this will hide all divs on the page */
  display:none;
}
```
Si c'est un particulier de div avec une certaine classe ou id, vous pouvez la masquer comme:
```
<div class="div_class_name">Some Content</div>
```
CSS:
```
div.div_class_name {     /* this will hide div with class div_class_name */
  display:none;
}
```
Ou
```
<div id="div_id_name">Some Content</div>
```
CSS:
```
div#div_id_name {        /* this will hide div with id div_id_name */
  display:none;
}
```
Remarque: Vous avez besoin d'envelopper CSS tyles entre <style type="text/css"></style> balises, par exemple:
```
<style type="text/css">
  div#div_id_name {
    display:none;
  }
</style>
```
Plus D'Informations 🙂
- J'ai édité ton post deux fois pour fixer votre div.div_id_name faute de frappe, et à chaque fois que vous avez édités sur elle :P... j'abandonne 😛
- Ben oui, il n'a pas remarqué que dans le copier-coller à partir de l'exemple de classe. Mis à jour. Merci 🙂
InformationsquelleAutor Sarfraz
12

Vous pouvez le faire en style en ligne
```
<div style="display:none"></div>
```
ou par la définition d'un Style comme
En css ajouter
```
.HideableDiv{display:none;}
```
et dans votre code HTML écrire
```
<div class="HideableDiv" ></div>
```
InformationsquelleAutor Tasawer Khan
9

Son Facile. La seule chose que vous avez besoin est, ajouter un style à elle, comme le montre l'exemple suivant:

CSS:
```
<style type="text/css">
    div.myInvisibleDiv {
        overflow: hidden;
        visibility: hidden;
        height: 0;
        width: 0;
    }
</style>
```
HTML:
```
<div class="myInvisibleDiv"><p>My invisible content</p></div>
```
Cette div, et le contenu n'est certainement pas le montrer, et il l'habitude de déranger les éléments environnants.

InformationsquelleAutor Max Ruf
5

si vous voulez qu'il soit essentiellement allé à partir de votre mise en page:
```
.element_class {
 display:none;
}
```
si vous voulez simplement invisible (mais en gardant toujours l'espace apparemment vide)
```
.element_class {
 visibility: hidden;
}
```
et puis votre élément (si un div) devrait ressembler à ceci:
```
<div class="element_class"></div>
```
fondamentalement, tout ce que vous ajoutez class="element_class" seront invisibles ou complètement masqué.

InformationsquelleAutor Jubair
0
```
position: absolute;
left: -99999px; /* big number */
```
va rendre le contenu accessible à la plupart des lecteurs d'écran, mais sera de rendre l'élément hors de l'écran.
- ne serait pas le navigateur reste à rendre la pensée? à l'aide de "display:none" est un bien meilleur et moins déroutant méthode
- Pourquoi la baisse de vote? Juste parce que vous pouvez penser que c'est déroutant de ne pas dire ma suggestion est mauvais ou pas utile. En fait, c'est bien connu, la méthode standard lorsque vous traitez avec de l'accessibilité. Selon pourquoi vous voulez cacher l'information, ce que les informations et comment vous avez mis la barre, ma suggestion qui serait en fait préféré display:none.
- Je suis désolé, je pense que j'ai mal compris le but de la downvote. pardonnez-moi?
- Juste une confusion. Si nous ne voulons pas qu'il affiche. Devrait-il être disponible pour les lecteurs d'écran pour l'accessibilité ou de quelque chose.
- Un saut de navigation lien est peut-être pas utile à ceux avec une bonne vision de l'œil, mais pour un lecteur d'écran de l'utilisateur, il fait une page plus facile à naviguer.
InformationsquelleAutor Adam Asham
0

Peut-être, ce n'est pas la solution, mais vous pouvez s'attaquer à ce genre de questions, par ces petits trucs.

Vous pouvez utiliser jQuery pour atteindre la solution.
Si vous voulez totalement masquer/afficher le div, alors vous pouvez utiliser:
```
$('#my_element').show()
$('#my_element').hide()
```
Ou si vous voulez que votre div devenir invisible et de son encore existant dans la page, alors vous pouvez utiliser efficace astuce:
```
$('#my_element').css('opacity', '0.0');    //invisible Maximum
$('#my_element').css('opacity', '1.0');   //visible maximum
```
InformationsquelleAutor Arsman Ahmad

Vous devez vous connecter pour publier un commentaire.