CSS Opacity – CSS – Fórum – Programujte.com

Dobrý večer, chtěl bych poradit s jednou neplechou.

Předkládám potřebný kód:

#menu {
               position: absolute;
               text-align: center;
               min-width: 75%;
               height: 30px;
               margin-left: 12%;
               margin-top: 2cm;
               font-size: 20px;
               display: inline-block;
               border: 2px groove rgb(70,70,70);
              }
#menu_opacity {
              opacity: .5;
              background-color: rgb(0,0,0);   
              display: block;
              height: 100%;
              }

 <div id="menu">
  <div id="menu_opacity">
   
  <a href="#">Odkaz 1</a>
  <a href="#">Odkaz 2</a>
  <a href="#">Odkaz 3</a>

  </div> 
  </div>

O co jde - zkrátka chci mít nějakou tabulku a v té mít pozadí šedou průhlednou barvou, ovšem, dělá mi to průhlednými i odkazy, a to nechci. Nepomůže ani nastavení opacity u a:link, visited na hodnotu 1.

Pokud někdo ví o nějaké cestě jak toto vyřešit, byl bych velice rád.

Děkuji

Vyřešeno. Udělal jsem si PNG obrázek s průhledným pozadím.

#2 Michael014
Pokud to chceš vyřešit pomocí CSS, což by bylo hezčí než nějaké png, můžeš použít novinku v CSS3, díky které můžeš nastavit průhlednost samotné barvě:

background-color: rgba(0, 0, 0, .5);

Já bych průhlednost odkazů nastavil zvlášt