Opacity elementů vnořených do hlavního elementu – CSS – Fórum – Programujte.com

Zdravim,

Mám hlavní element(obsahpostavy) ve kterém mám další dva elementy(frakce1, frakce2), které navíc fungují jako obrázek s odkazem. U hlavního elementu(obsahpostavy) potřebuju nastavit průhlednost opacity: 0.6 bez toho, aniž by se změnila průhlednost u vnořených elementů(frakce1, frakce2). Děkuju všem za rady :-) 

CSS:

#obsahpostavy {
position:relative;
margin-top: 40px;
width: 1100px;;
height: 870px;;
background-color: black;
opacity: ;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}

#frakce1 {
position: relative;
width: 432px;
height: 700px;
top: 85px;
right: 116px;
float: right;
background-image: url("img/frakce2na.jpg");
transition:all 1s ease;
border-radius: 10px;
}

#frakce2 {
position: relative;
width: 432px;
height: 700px;
top: 85px;
left: 116px;
background-image: url("img/frakce1na.jpg");
transition:all 1s ease;
border-radius: 10px;
}

HTML:

<div id="obsahpostavy">
  
    <a href="#" title="Domu">
    <div id="frakce1"></div></a>
  
  <a href="#" title="Domu">
    <div id="frakce2"></div></a>
  
  </div>

Myslim ze toto nepojde. Opacity je dedicna. Ja by som to riesil tak, ze ako pozadie elementu obsahpostavy by som dal obrazok, ktory uz ma pozadovany stupen priehladnosti

Zasláno z mobilního telefonu.

Dalsi moznost je pridat element navic a v nem mit vsechny tri obrazky.

#1 Ouféfdý
Zdravim, problém jsem vyřešil tímto příkazem, který jsem vložil do obsahpostavy: background: rgba(0, 0, 0, 0.6); ,ale děkuju vám za rady :-)