opacity

  • Raccourci de la révision : CSS/opacity
  • Titre de la révision : opacity
  • ID de la révision : 56743
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire /* Préparation de la traduction */

Contenu de la révision

{{template.CSSMozExtensionRef()}} {{template.Traduction_en_cours("CSS:-moz-opacity")}}

Summary

In Gecko-based applications, -moz-opacity specifies the transparency of an element (i.e. how well you can see through an element):

  • Initial value: 1 (opaque)
  • Applies to: all elements
  • Inherited: no

Starting with Mozilla 1.7, the standard CSS 3 {{template.Cssxref("opacity")}} property is supported as well. Prior to Mozilla 1.7, -moz-opacity was implemented differently, as an inherited property. Use of {{template.Cssxref("opacity")}} is preferred to -moz-opacity.

Syntax

-moz-opacity: number | inherit ;

Values

0 (or less)
The element is fully transparent (invisible)
0 < number < 1
The element is translucent (background can be seen)
1 (or more)
The element is fully opaque (solid)

Examples

hbox.example {
  -moz-opacity: 0.5; /* see the background through the hbox */
}

Interwiki Languages Links

{{ wiki.languages( { "en": "en/CSS/-moz-opacity", "pl": "pl/CSS/-moz-opacity" } ) }}

Source de la révision

<p> 
{{template.CSSMozExtensionRef()}}
{{template.Traduction_en_cours("CSS:-moz-opacity")}}
</p>
<h3 name="Summary"> Summary </h3>
<p>In <a href="fr/Gecko">Gecko</a>-based applications, <code>-moz-opacity</code> specifies the transparency of an element (i.e. how well you can see through an element):
</p>
<ul><li> Initial value: 1 (opaque)
</li><li> Applies to: all elements
</li><li> Inherited: no
</li></ul>
<p>Starting with Mozilla 1.7, the standard CSS 3 {{template.Cssxref("opacity")}} property is supported as well.  Prior to Mozilla 1.7, <code>-moz-opacity</code> was implemented differently, as an inherited property.  Use of {{template.Cssxref("opacity")}} is preferred to <code>-moz-opacity</code>.
</p>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-opacity: <i>number</i> | inherit ;
</pre>
<h3 name="Values"> Values </h3>
<dl><dt> 0 (or less)</dt><dd> The element is fully transparent (invisible)
</dd><dt> 0 &lt; number &lt; 1</dt><dd> The element is translucent (background can be seen)
</dd><dt> 1 (or more)</dt><dd> The element is fully opaque (solid)
</dd></dl>
<h3 name="Examples"> Examples </h3>
<pre>hbox.example {
  -moz-opacity: 0.5; /* see the background through the hbox */
}
</pre>
<p><span class="comment">Interwiki Languages Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/-moz-opacity", "pl": "pl/CSS/-moz-opacity" } ) }}
Revenir à cette révision