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

SexyZona.cz | Životy pornohereček (web bez nahoty)

2 490 Kč

0 příhozů

Popíjíme.cz | Blog o alkoholu

2 490 Kč

0 příhozů

Espirits.cz – zavedený e-shop s prémiovými destiláty, připraven k okamžitému provozu

30 000 Kč

0 příhozů

GameBoom.eu | HTML 5 Game Portal

2 490 Kč

0 příhozů

Hotový e-shop s e‑booky na míru – WordPress + platební brána + AI obsah

14 900 Kč

0 příhozů

Poptávky Více

Poptávám aktuální databázi kontaktů ze Slovenska

🚨 Hledám editora krátkých videí 🚨

HLEDÁM PARTNERA DO ELEKTROMONTÁŽNÍ FIRMY

Hledám parťáka na sportovní výzvy + natáčení videí (Bodamské jezero, Alpy)

Ubytování u Bodamského jezera (Rakousko) + hledám nové příležitosti a spolupráci

Pracovní nabídky Více

Full-stack Developer

Práce z domu, Praha

.NET vývojář

SALES MANAGER / BUSINESS PARTNER

Hledáte zkušené Java vývojáře?

Nabídky Více

Webové stránky a e-shopy, které osloví vaše zákazníky. WordPress, Woocommerce, Prestashop, Shoptet

🔥🔥🔥TVORBA STATICKÝCH WEBŮ OD 1800 KČ!!! 🔥🔥

Prodám své know-how pro fungující business (cena 500 000 Kč, rychlá návratnost)

Prodám stroje na těžbu krypta (KS5)

Angličtina C2, WordPress a obsah na míru – překlady, úpravy, grafika, video