Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Läpinäkyvän elementin takana olevat linkit

Paulus M [11.11.2010 12:34:45]

#

Eli, sitä mietittiin, ettei taida olla mahdollista laukaista jonkun elementit tapahtuman kuuntelijaa, jos sen päälle on laitettu puoliksi läpinäkyvä muu elmentti?


Eli kuviteltu tilanne:
On peli jossa on ukkoja ja ukkoja klikkaamalla saat jonkun tietyn ukon valittua.
Ukot, jotka ovat talon sisällä näkyisivät kuvan: talo alla, joka on png image päästäen läpi esim. 70%. Näin tehtäisiin vaikutelma, että ukot ovat todella talon sisällä, eikä sen katon päällä.

Tässä tilanteessa ukko-elementille asetetut tapahtumankuuntelijat lakkaisivat kuitenkin toimimasta, koska talo elementti peittää ne.


Onko tyyliin mitään CSS propertyä, jossa elementin saisi käyttäytymään siten, että se ei ole mitään muuta kuin grafiikkaa?

EDIT:
Kaveri löysi muuten yhden vastauksen, se on pointer-events: none, joka toimii vain Firefoxissa.

Vai onko järkevin tapa ratkaista tämän ongelma siten, että asettaa kyseessä olevalle talolle tapahtuman kuuntelijan ja tarkistaa, että missä kohdin hiiren kursori on ja jos se osuu ukon päälle, niin sitten ukko tulee valituksi?

tsuriga [11.11.2010 14:44:35]

#

Ukko-elementti talo-elementin lapseksi ja tapahtuman pitäisi kuplia ukko-elementiltä talo-elementille, ellei sitä ole estetty.

Metabolix [11.11.2010 16:41:16]

#

Ymmärrettävän suomen kielen kirjoittaminen edistäisi varmaan myös järkevien vastausten saamista. Yrität varmaankin sanoa näin: "Ukot, jotka ovat talon sisällä, olisivat osittain läpinäkyvän talon kuvan alla." Ilmaus "kuvan: talo" ei kuulu suomen kieleen, mistä ehkä johtuu, että tsuriga vastasi aivan päinvastaiseen kysymykseen.

Yksi ratkaisu on, kuten lopussa itsekin ehdotit, lukea vain pohjimmaisen elementin tapahtumia ja tarkistaa jälkikäteen JS:llä (matemaattisesti), minkä hahmon kohdalta klikattiin. Jos ukoilla ei ole koodin puolesta mitään tekemistä talon kanssa, ei kannata sotkea taloa asiaan ollenkaan, vaan tapahtumat voi lukea suoraan siitä elementistä, jonka sisällä ukot oikeasti ovat.

tsuriga [12.11.2010 02:32:00]

#

Ei toiminut aivan kuten elokuvissa, mutta tässä eräs ehdotelma: underclicker. Toimii siten, että ukkojen näkyvä taso on läpikuultavan talo-tason alla, ja talo-tason päällä on sitten näkymättömät klikkaustasot ukkojen kohdalla.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta