Autor | Zpráva | ||
---|---|---|---|
návštěvník Profil * |
Zdravím,
byl bych rád za radu, jak nakódovat něco takového: [img]blob:https%3A//drive.google.com/1b187270-5ee0-42f5-9d29-b13ff5d402fb[/img] Jde o to že: - to červené pozadí za textem je jemně průhledné (bude za ním fotka). Proto je použit 1px png obrázek s průhlednou barvou. - potřebuji aby barva za textem "kopírovala" text, takže je potřeba inline element => display: inline Jak ale nastavit padding, aby se text nelepil na okraje té červené barvy? Když nastavím padding left a right, tak se odsadí pouze první řádek na začátku a poslední na konci. Takže text na začátku druhého řádku je neosazen a tím nezarovnán. - barva jednotlivých řádků se nesmí překrývat, protože jinak vytvoří nepěknou dvojtou čáru (tím že jsou na sobě dvě průhledné vrstvy Budu rád za rady. Děkuji mockrát Obrázek: blob:https%3A//drive.google.com/1b187270-5ee0-42f5-9d29-b13ff5d402fb Tak ještě jednou :) Zde je obrázek: drive.google.com/file/d/0B_vSA_P1cry3LWljSTgwN1RFcEU/view?usp=sharing |
||
RastyAmateur Profil |
#2 · Zasláno: 8. 6. 2016, 17:13:09
Asi hledáš opacity...
|
||
Bubák Profil |
#3 · Zasláno: 8. 6. 2016, 17:37:02
Nic lepšího, než co je v ukázce, jsem nevymyslel.
Živá ukázka Odkaz Já osobně bych dal pozadí blokovému elementu. |
||
návštěvník Profil * |
#4 · Zasláno: 8. 6. 2016, 18:19:54
@Bubak: Ten outline je docela dobrý nápad. Jen asi bude potřeba nastavit barvu se 100% opacity, jinak se mi nepodařilo napravit správně velikost řádků, aby se barva nepřekrývala. Ale to nakonec nějak přežiji.
Jinak asi není možné nastavit odlišnou outline šířku pro každou stranu že? Zkoušel jsem outline: 3px 5px 5px 5px solid rgba(220,150,50,.3); ale to nefungovalo :( |
||
Bubák Profil |
Na rozdíl od rámečku (border) není možné nastavit outline pro jednotlivé strany odlišně.
|
||
Časová prodleva: 9 let
|
0