Autor Zpráva
vomackav
Profil
Dobrý den,

řeším jak udělat "průhlednost" borderu (bílý rámeček mezi šedými plochy) u webu nove.justfree.cz. Průhlednost ne typu transparent - to mi prosvítí na šedou plochu samozřejmě a celé to bude slité. Potřeboval bych mít místo bílého rámečku to "špinavé" pozadí. Nenapadá mě momentálně žádné elegantní řešení.

Snad jen neřešit to stylem border, ale nějakým boxem, který bude široký požadovaný počet pixelů a ten bude mít nastavené opacity. Jen nevím co to udělá s responzivitou. Jelikož jsem v HTML začátečník, obracím se na zkušenější webmastery.

Děkuji s pozdravem,
Vašek
Trejpa
Profil
vomackav:
Poloprůhlednost rámečku nastavíš pomocí barvy zadané ve formátu rgba nebo poloprůhledným obrázkem PNG. Má-li být průhlednost rámečku dovnitř elementu, použij vlastnost border, ven vlastnost outline. Rozmazávání překrytým pozadím CSS neumí.

Příklad.
vomackav
Profil
Mě jde o to, aby tyto šedivé mezičáry byly průhledné až na pozadí křížků jestli je to pochopitelné? Chtěl bych dosáhnout toho, aby ty bílé boxy byly od sebe x pixelů. Něco jako obrázky na instagramu.

Ukázka
Trejpa
Profil
vomackav:
A co třeba si pohrát se stínem?
Bubák
Profil
Pokud chceš jen mezičáry, stačí Trejpův kód mírně upravit:
Živá ukázka
vomackav
Profil
Díky za pomoc a trpělivost. Jsem začátečník :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: