Stránka 1 z 1

Poloprůhledné pozadí CSS

Napsal: 25 led 2015 20:22
od kuxik009
Zdravím,
vím, že se to tu už řešilo, ale moje situace je jiná. Vím, že poloprůhledného pozadí lze docílit pomocí rgba(), jenže můj problém je ten, že mám v proměnné v php barvu ve formátu #xxxxxx. Víte prosím někdo, jak to vyřešit? Děkuji moc!

Kód mám zatím takový:

Kód: Vybrat vše

   .vypis
    {
     border: 2px dashed black;
     background: <? echo $pozadi_barva ?>;
     border-radius: 5px;
     min-height: 100px;
     width: 100%;
    }

Re: Poloprůhledné pozadí CSS

Napsal: 25 led 2015 20:25
od cervcek
http://www.colorhexa.com/ napiš si tu barvu sem, pokud potřebuješ zjistit, jaké je její jiné označení

Re: Poloprůhledné pozadí CSS

Napsal: 25 led 2015 21:26
od kuxik009
Děkuji za odpověď, ale asi jsi mě nepochopil. Mám proměnnou $barva, podle které se switchem určí $pozadi_barva. $barva může obsahovat 8 různých barev, proto mi přijde pracné to dělat ručně, a ve switchi zakládat novou proměnou s tím "druhým" kódem barvy. Samozřejmě v nejhorším případě to tak udělané, ale chtěl bych vědět, zda neexistuje lepší řešení.

--- Doplnění předchozího příspěvku (25 Led 2015 21:30) ---

Např. funkce pro převod mezi těmi formáty barev

Re: Poloprůhledné pozadí CSS

Napsal: 25 led 2015 21:36
od LuCaCZ

Re: Poloprůhledné pozadí CSS

Napsal: 25 led 2015 21:42
od kuxik009
Problém je, že já to chci jen u pozadí.

Re: Poloprůhledné pozadí CSS

Napsal: 25 led 2015 22:02
od LuCaCZ

Re: Poloprůhledné pozadí CSS  Vyřešeno

Napsal: 26 led 2015 16:51
od kuxik009
Díky! Nakonec jsem to vyřešil touto funkcí

Re: Poloprůhledné pozadí CSS

Napsal: 30 led 2015 22:00
od CZechBoY
Co takhle přes rgba?

Kód: Vybrat vše

 
$pozadi_barva = '0, 0, 0';      // černá
$pozadi_barva = '255, 0, 0';  // nebo červená ...


.vypis {
         border: 2px dashed black;
         background: rgba(<? echo $pozadi_barva ?>, 0.5);
         border-radius: 5px;
         min-height: 100px;
         width: 100%;
}

Re: Poloprůhledné pozadí CSS

Napsal: 30 led 2015 22:02
od kuxik009
No však přes to jsem to vyřešil, ale napřed jsem musel převést hexadecimální barvu na rgb, což udělala právě ta funkce