Lastnost opacity

Lastnost opacity določa prosojnost elementu. Če je elementu določena prosojnost, to pomeni, da bodo skozi njega prodirali ti elementi, ki ležijo pod njim.

Lastnost sprejme kot vrednost decimalno število od 0 do 1. Pri tem je vrednost 0 popolna prosojnost, vrednost 1 pa popolna neprosojnost. Vmesna vrednost, na primer 0.3, določa delno prosojnost. Privzeta vrednost: 1.

Sintaksa

cssselektor {
  opacity: število od 0 do 1;
}

Primer

V tem primeru je bloku dodana prosojnost in skozi mejo in besedilo tega bloka prodirata ozadje starša:

html<div id="parent">
  <div id="elem">
    Lorem ipsum dolor sit amet.
  </div>
</div>

css#parent {
  background-image: url("bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  padding: 30px;
}
#elem {
  width: 300px;
  height: 200px;
  border: 20px solid red;
  padding: 10px;
  font-size: 50px;
  font-weight: bold;
  color: red;
  background: black;
  opacity: 0.7;
}

Результат: