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

Web s ohromným ziskovým potencionálem

10 000 Kč

0 příhozů

Prodej webů azetdovolena.cz a azetlife.cz – samostatně

10 000 Kč

0 příhozů

Web Generator-Hesel.cz

4 950 Kč

1 příhoz

Prodeji internetového magazínu Podlahy.com

220 000 Kč

0 příhozů

Slovenská doména pro pokladny a pokladní systémy

10 000 Kč

0 příhozů

Poptávky Více

Rychlý přivýdělek za test aplikace na TV

Redesign web stránek FYZIO

Hledam nekoho kdo mi opravi WP

Digitální agentura shání obchodní zastoupení či leady za provize

Pracovní nabídky Více

Java Developer Automotive

React Developer pro novou B2B platformu

Hledáme Obchodního Manažera/ku, co má COALe!

40 000 - 60 000 Kč

Analytik pro migrace a rozvoj produktů

75 000 - 95 000 Kč

Nabídky Více

STŘIH VIDEA / REELS / Vizuální identita a správa sociálních sítí

Webový vývojář hledá remote práci/projekt – kapacita 20h týdně

Rychlý přivýdělek za test aplikace

David Kolman (www.super-weby.cz) – Tvorba webových stránek