CSS vrstvy – klikací ta spodní

verified

(18 hodnocení)

15. 6. 2013 19:41:13

Dobrý den,

mám stránku, kterou chci částečně překrýt průhledným PNG obrázkem pro docílení určitého efektu.

Chtěl bych ale, aby například odkazy a tlačítka pod tímto obrázkem byly nadále klikatelné. Nějaký nápad?

15. 6. 2013 19:41:13

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913212

verified

(10 hodnocení)

15. 6. 2013 19:45:10

Živá ukážka?

15. 6. 2013 19:45:10

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913211

verified

(18 hodnocení)

15. 6. 2013 19:51:12

http://skoula.cz/test.html

15. 6. 2013 19:51:12

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913210

verified

15. 6. 2013 19:54:41

Změn z-index na nižší hodnotu než div těch buttonu....

15. 6. 2013 19:54:41

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913209

verified

(18 hodnocení)

15. 6. 2013 19:55:21

jistě, ale to je pak ten obrázek nebude překrývat

---------- Příspěvek doplněn 15.06.2013 v 19:56 ----------

Já je potřebuju zakrýt průhledným obrázkem tak, aby to pod ním bylo normálně klikatelné. Přemýšlím jestli je to vůbec možné.

15. 6. 2013 19:55:21

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913208

verified

(10 hodnocení)

15. 6. 2013 20:00:33

background-image?

http://cssdesk.com/JPhFK

15. 6. 2013 20:00:33

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913207

verified

(18 hodnocení)

15. 6. 2013 20:01:50

Napsal syntaxsugar;962616
background-image?
http://cssdesk.com/JPhFK

Já ale ty tlačítka nebo cokoliv potřebuju tím obrázkem překrýt, tzn. aby byly za ním, ale přitom klikatelné.

15. 6. 2013 20:01:50

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913206

verified

15. 6. 2013 20:02:17

Pokud budou ty tlačítka pořád stejné (tzn. nebude se měnit jejich velikost, pozice, text uvnitř,...), tak je prostě nastyluj tak, ať pouze vypadají že jsou pod a nech je nad.

Ovšem, připadá mi to jako nesmysl. Cokoliv co je klikatelné, tak by mělo být jasné a ne pod něčím co to překrývá - uživatelská přívětivost na bodu mrazu.

15. 6. 2013 20:02:17

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913205

verified

(18 hodnocení)

15. 6. 2013 20:03:07

Možná jsem něco objevil: http://stackoverflow.com/questions/3015422/forwarding-mouse-events-through-layers-divs

15. 6. 2013 20:03:07

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913204

verified

15. 6. 2013 20:03:21

Tak už mě napadá akorát takové ošemetné řešení, nastavit ten z-index + zprůhlednít div s buttonama (opacity), takže uvidíš efekt v oblasti tlačítek a zároveň budou klikatelné.

15. 6. 2013 20:03:21

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913203

verified

15. 6. 2013 20:17:16

Melete nesmysly :D ... Ty tlačítka musíš nastylovat, jinak toho nedosáhneš. Použijt např. opacity: 0.8; př. rgba(255,255,200,0.8);

15. 6. 2013 20:17:16

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913202

verified

(18 hodnocení)

15. 6. 2013 20:55:10

Geniální řešení ze Stackoverflow :)

viz. http://skoula.cz/test.html

---------- Příspěvek doplněn 15.06.2013 v 20:57 ----------

Chci to pro HTML5 hru, v určitých chvílích chci obrazovku něčím překrýt...na normální web bych to samozřejmě nedával :)

15. 6. 2013 20:55:10

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913201

verified

(10 hodnocení)

15. 6. 2013 21:16:41

Napsal Michal Škoula;962632
Geniální řešení ze Stackoverflow :)

Funguje aj v IE?

15. 6. 2013 21:16:41

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913200

verified

(18 hodnocení)

15. 6. 2013 21:25:01

Napsal FAKAM;962643
Funguje aj v IE?

nn v IE ne

15. 6. 2013 21:25:01

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913199

Smazaný účet m5u2DKRief

verified

(48 hodnocení)

15. 6. 2013 21:37:32

Já mám dojem, že chceš blbost. Bylo by dobré znát širší kontext, pak bych ti snad bych schopný poradit lepší řešení.

15. 6. 2013 21:37:32

https://webtrh.cz/diskuse/css-vrstvy-klikaci-ta-spodni/#reply913198

12

Pro odpověď se přihlašte.

Prodej Více

Adult Inzerce – pro pracující dívky

9 900 Kč

0 příhozů

Kreativní Omalovánky – prodej digitálních produktů

20 000 Kč

0 příhozů

WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití

200 €

0 příhozů

💸 Srovnavač půjček abpujcky.cz

50 000 Kč

0 příhozů

P: databáze všech domén (všechny TLD) s automaticky aktualizovaným WHOIS

1 000 Kč

0 příhozů

Poptávky Více

Software pro taxikáře

Poptávám zprovoznění GitLab pipeline

Nastavení FB reklamy

Marketing pro projekční kancelář

IT nastavení, převody a nastavení CRM

Pracovní nabídky Více

Hledáme React Native vývojáře na externí spolupráci

Práce z domu, Praha

Python developer

130 000 - 150 000 Kč

Business Analyst

Práce z domu, Praha

Vývojář NMS systémů

Nabídky Více

Facebook skupiny

⭐️ KOKESDESIGN.CZ | LOGO DESIGN NA MÍRU ⭐️

WORDPRESS web na míru od 1000 Kč

✅🔥 VIP UX/UI designér 🔥✅ – *SENIOR* Tvorba designu webů, portálů, e-shopů a aplikací na míru. ⭐️

Kvalitní SEO za nízké ceny: PR, minisites, linkbuilding aj.