Průhledné pozadí (nikoliv text) – CSS – Fórum – Programujte.com

Zdravím vás, měl bych jednu prosbu. Mám určitý text, nebo prvek (například odpočítávání času u produktu). Chtěl bych, abych za ten text udělal barevný pruh resp pozadí a to zprůhlednil pomocí oapacity, protože za tím vším je ještě obrázek produktu a je to tak prostě hezké. Bohužel se mi zprůhlední i ten samotný text. Poradíte prosím? Zasílám příklad, kde je zprůhledněno vše i ten samotný odpočet času. A omlouvám se, ale jsem začátečník:-( Díky moc!

.odpocet {
overflow: hidden;
padding: 0.5em 0;
  color:#1c232d;
  margin-top:-40px;
  position:relative;
  background:#af963c;opacity: 0.7;
}
 

#1 czsars 

background: rgba(175, 150, 60, .7);