Transparentní CSS

cosestanekdyz

(18 hodnocení)

12. 1. 2012 13:42:24

Ahoj mám takovej malej problém ...

Chci aby pozadí DIVu #SIZE bylo 50% transparentní.

Mám kod:

k tomu mám styl:

A můj problém je v tom, že transparentní to je, ale i to co je v #CONTENT tedy texty, obrázky ... prostě vše. Má někdo radu jak transparentnost v DIVu #CONTENT nějak resetovat nebo jak to donutit, aby byl transparentní jen ten DIV #SIZE

Děkuji za radu

12. 1. 2012 13:42:24

https://webtrh.cz/diskuse/transparentni-css/#reply717710

František Prokop

(2 hodnocení)

12. 1. 2012 13:47:28

Přesně tenhle problém jsem řešil minulý týden. Nakonec jsem to vyřešil tak, že jsem hlavnímu divu nastavil na pozadí poloprůhledný .png.

Pokud by někdo měl lepší řešení, budu za něj také rád :)

12. 1. 2012 13:47:28

https://webtrh.cz/diskuse/transparentni-css/#reply717709

cosestanekdyz

(18 hodnocení)

12. 1. 2012 13:52:17

No to mě taky napadlo, ale moc "košér" to není :) Už si nad tím lámu hlavu od včera a pořád nic ani když tomu #CONTENT nastavím průhlednost na 1 tak na to prostě nereaguje.

12. 1. 2012 13:52:17

https://webtrh.cz/diskuse/transparentni-css/#reply717708

Miloslav Lešetický

(10 hodnocení)

12. 1. 2012 13:59:32

cosestanekdyz

Nastav pro DIV #content vlastnost position:relative a problém by měl zmizet.

12. 1. 2012 13:59:32

https://webtrh.cz/diskuse/transparentni-css/#reply717707

cosestanekdyz

(18 hodnocení)

12. 1. 2012 14:01:36

Tohle nepomohlo, ale díky za tip

12. 1. 2012 14:01:36

https://webtrh.cz/diskuse/transparentni-css/#reply717706

Miloslav Lešetický

(10 hodnocení)

12. 1. 2012 14:09:39

cosestanekdyz

Zapomněl jsem zmínit, že uvedené řešení funguje pouze v IE. V podstatě máš jedinou možnost - použít poloprůhledný PNG obrázek na pozadí nadřazeného bloku. To šlape všude.

12. 1. 2012 14:09:39

https://webtrh.cz/diskuse/transparentni-css/#reply717705

800XE

(8 hodnocení)

12. 1. 2012 14:13:39

V normálních prohlížečích se to dá udělat pomocí rgba(červená, zelená, modrá, krytí):

V IE8 a nižších ti asi nezbyde než použít obrázek.

12. 1. 2012 14:13:39

https://webtrh.cz/diskuse/transparentni-css/#reply717704

Jirka

(74 hodnocení)

12. 1. 2012 21:30:28

Napsal cosestanekdyz;743768
No to mě taky napadlo, ale moc "košér" to není :) Už si nad tím lámu hlavu od včera a pořád nic ani když tomu #CONTENT nastavím průhlednost na 1 tak na to prostě nereaguje.

samozřejmě, že všechno uvnitř bloku kterej nastavíš transparent bude taky transparent - to je přece logický... to že dáš uvnitř prvkům 100% znamená, že z transparentu parent bloku se spočítá % - takhle jsi nastavil 100% z 50% a to je 50% :) Vyřešíš to takhle :

pozn : všechny float bloky a absolute bloky uvnitř content nepřidají výšku a tak je potřeba s tím počítat

12. 1. 2012 21:30:28

https://webtrh.cz/diskuse/transparentni-css/#reply717703

800XE

(8 hodnocení)

12. 1. 2012 22:04:55

Zajímavé řešení. Na druhou stranu je hnus, že se musí zbytečně komplikovat kód kvůli jednomu zprzněnému prohlížeči, aby zůstal jednoduše udržovatelný. Elegantnější řešení je použít třeba pie.htc:

Používám ho už docela dlouho, ale že podporuje i rgba hodnoty jsem nějak přehlídl. Má nevýhodu v drobné prodlevě při vykreslení stránky, ovšem zpřehlednění a vyčištění kódu od všemožných hacků za to myslím stojí.

12. 1. 2012 22:04:55

https://webtrh.cz/diskuse/transparentni-css/#reply717702

cosestanekdyz

(18 hodnocení)

18. 1. 2012 11:46:32

Děkuji všem za tipy.

18. 1. 2012 11:46:32

https://webtrh.cz/diskuse/transparentni-css/#reply717701

Pro odpověď se přihlašte.

Přihlásit