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

Na prodej: dropshipping e-shop Sportdoplnky.cz

14 900 Kč

0 příhozů

Lehce zapamatovatelná doména, nepoužitá k projektu Mistrovství Evropy do 19 let

2 999 Kč

0 příhozů

16 let stará doména a na ní kuchařka KUCHTÍME.CZ

9 990 Kč

0 příhozů

Bazar CD-KLÍČŮ | CDKlíče.cz | Vysoký potenciál!

19 900 Kč

0 příhozů

Prodej eshopu domashop.cz

15 000 Kč

0 příhozů

Poptávky Více

Reels, které prodávají – poptávám spolupráci

Hledáme zkušeného vývojáře Qt/QML a C++ – hardware crypto peněženka

Hledáme zkušeného frontend JavaScript vývojáře (Svelte)

Poptávám vytvoření aplikace CRM v Google AppSheet

Pracovní nabídky Více

Sales & Account Representative (B2B SaaS)

Brno, Práce z domu

TypeScript/Svelte Vývojář

Principal SW Engineer Embedded (m/f)

Nabídky Více

Profesionální grafické služby na míru!

Hotový e-shop se vším všudy za 29 900 Kč

✅ LINKBUILDERKA.CZ – Tvorba kvalitních zpětných odkazů

Velkoobchodní nabídka CBG produktů k odběru

✨Tvorba moderních WEBŮ – WordPress i kód – od 1000 Kč✨