Hugho

Jak na průhledné pozadí v CSS aby nebyl průhledný text?

Chci v CSS nastylovat div tak, aby mel poloprůhledné pozadí, ale aby jeho obsah byl normálně viditelný.

Když ale nastavím opacity: 0.5;, tak je pak průhledný i veškerý obsah v tom divu.

Nějaká rada?

– otázku položil/a Hugho v úterý, 29. dubna 2014

Reaguj · Nahlásit



Adam

Využij CSS funkce rgba() při nastavování barvy pozadí.

Místo:

background-color: #fff;
opacity: 0.5;

Použij:

background: rgba(255, 255, 255, .5);

Pozadí bude mít bílou barvu a propustnost 0.5, ale obsah bude normálně viditelný.

– odpověděl/a Adam ve středu, 30. dubna 2014

+6  · Reaguj · Nahlásit


  e-mail nebude zveřejněn · Proč chceme e-mail?

formátuj odpovědi s Texy!

Související otázky a odpovědi

Nezlomitelná mezera v HTML?

Jaký je kód pro nezalomitelnou meteru v HTML5? Úplně jsem to zapoměl …

Odpověď:

  mnemotechnická pomůcka: Non Breaking SPace (z anglického „ne-zlomitelná mezera“)

Nejlépe hodnocená odpověď. Zobraz ji celou.

Alternativa k Sublime Text 2 pro Windows?

Už nějaký ten pátek pracuju s Sublime Text 2, ale jsou věci, které mi na něm nevyhovují. Občas se kousne, někdy nefunguje autocomplete tak jak bych chtěl a několik dalších problémů mi vadí. Zkoušel jsem i beta verzi 3, ale taky mě neuchvátila. Něja ...

Odpověď:

Co treba Atom? Funguje na OSX stejne jako na Windows 7 nebo 8. https://atom.io

Zobraz celou odpověď.

How to add a shortcut to word wrap in Sublime Text?

How can I activate shortcut for word wrapping in Sublime Text 3?

Odpověď:

Preferences > Key Bindings – User Between brackets paste: { „keys“: [„alt+w“], „command“: „toggle_setting“, „args“: {„setting“: „word_wrap“} } Save the file

Nejlépe hodnocená odpověď. Zobraz ji celou.

Jak vycentroval HTML element, který je float left?

Mám div a v něm seznam (li), u kterého chci, aby jeho položky byly pěkně za sebou a ne pod sebou. Tak jsem elementu li nastavil float: left;. Teď bych ale chtěl, aby se ty položky, které jsou zarovnané za sebou, zároveň vycentrovaly vůči tomu původn ...

Odpověď:

Nepoužívej: li { float: left; } ale div { text-align: center; } li { display: inline-block; } Ukázka na http://jsfiddle.net/D7Ge7/ ...

Nejlépe hodnocená odpověď. Zobraz ji celou.

Odpověď:

Texy! je formátovací syntaxe, chcete-li formátovací jazyk vytvořený pro webové stránky. Byl vytvořen českým programátorem Davidem Grudlem a myšlenkou je podobný například anglickému Textile. Je poskytován zcela zdarma. Pom ...

Nejlépe hodnocená odpověď. Zobraz ji celou.

Nejnovější otázky a odpovědi