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

Prodej webu Horoskop 24/7 – Automatizovaný portál (AI) s horoskopy pomocí ChatGPT

14 700 Kč

0 příhozů

Prodej výdělečného 💰 webu s tipy pro sportovní sázkaře ⚽️ na prémiové doméně

4 900 Kč

0 příhozů

Prodej domény protebevsecko.cz (Pro tebe všecko). Doména je výborně využitelná pro marketingové účely.

1 990 Kč

0 příhozů

Prodám doménu doménu CF-MOTO.CZ

10 000 Kč

0 příhozů

Facebooková stránka

3 000 Kč

0 příhozů

Poptávky Více

API JSON MySQL- sportovni vysledky

Hledáme PHP programátora pro vývoj BE v Laravelu

Hledám grafika na externí spolupráci (weby, UI, bannery – nárazově)

Hledá se WordPress kóder na výpomoc (IČO / DPČ)

Hledám SEO specialistu, co zvládne kompletní SEO pro velký eshop s cca 10k produtky

Pracovní nabídky Více

BUSINESS DEVELOPMENT MANAGER

Brno, Liberec, Praha

Cloud & DevOps Security Specialista

DevOps – Kubernetes/Docker

Brno, Práce z domu

80 000 - 130 000 Kč

Nabídky Více

Dozvěďte se o nových inzerátech na bazos.cz mezi prvními

💡 LOGO | VIZUÁLNÍ IDENTITA | WEB | SOCIÁLNÍ SÍTĚ

⭐Kvalitní RECENZE na Google, Firmy, FB, srovnávače, … velké i malé množství/ dlouhodobé spolupráce

✅ Logo, grafika nebo web za rozumnou cenu | Od 2000 Kč

PRODEJ SVATEBNÍ SKUPINY S 23 000 ČLENY