Est-ce que l'opacité: 0 a exactement le même effet que la visibilité: masqué

Question

Si tel est le cas, déprécie-t-il effectivement la propriété visibility ?

(Je réalise qu'Internet Explorer ne supporte pas encore cette propriété CSS2.)
Comparaisons des moteurs de disposition

Voir aussi: Quelle est la différence entre visibilité: caché et affichage: aucun

Answer 1

Voici une compilation de vérifié les informations provenant des différentes réponses.

Chacune de ces propriétés CSS est en fait unique. En plus de rendre un élément n'est pas visible, ils ont pour effet supplémentaire(s):

1. Les effondrements de l'espace que l'élément devrait normalement occuper
2. Répond à des événements (par exemple, cliquez sur, keypress)
3. Participe à la taborder

 l'effondrement des événements taborder
opacity: 0 Non Oui Oui
visibility: hidden non non Non
visibilité: l'effondrement * non Non
display: none Oui non Non

* Oui à l'intérieur d'un élément de tableau, sinon, Non.

Answer 2

Non.

Les éléments avec une opacité créent un nouveau contexte d'empilement.

De plus, les spécifications CSS ne définissent pas cela, mais les éléments avec opacity:0 sont cliquables, et les éléments avec visibility:hidden ne le sont pas.

Answer 3

Je ne suis pas tout à fait sûr de cela, mais je pense que les lecteurs d'écran ne lisent pas les choses dont la visibilité est définie comme étant masquée, mais ils peuvent lire les choses indépendamment de leur opacité.

C'est la seule différence à laquelle je peux penser.

Answer 4

Je ne suis pas tout à fait sûr, mais voici comment je fais la transparence d'un navigateur à l'autre:

 opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
 

les objets avec visibilité: les objets cachés ont encore une forme, ils ne sont pas visibles. les éléments d'opacité zéro peuvent toujours être cliqués et réagir à d'autres événements.

Answer 5

Ce que Phil dit est vrai.

IE supporte l'opacité cependant:

 filter:alpha(opacity=0);