Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #25811

Re: Shape with transparent click through

From Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups comp.lang.javascript
Subject Re: Shape with transparent click through
Date 2014-09-03 03:28 +0200
Organization PointedEars Software (PES)
Message-ID <8985505.dSd017Y80t@PointedEars.de> (permalink)
References <Y9mdnRhAy6jn2pvJnZ2dnUVZ_q-dnZ2d@westnet.com.au> <4867520.6Lz3d7RzCT@PointedEars.de> <xNGdnV-w_q41_JvJnZ2dnUVZ_o-dnZ2d@westnet.com.au> <0gqc0alv9b4cub4r3tuja29rctupjblcbt@4ax.com>

Show all headers | View raw

Ed Jay wrote:

> Andrew Poulos […] wrote:
>> I've been using wz_jsgraphics.js to draw the circle but I'd rather
>> something that looked, and is, better. Things like Canvas, VML, and SVG
>> all give better looking results but don't allow for clicking through
>> transparent areas. (And I'm not that interested in coding something that
>> captures clicks and passes them on).
>>
> Z-index is your friend here.

The z-index CSS property is likely to be unnecessary here because added 
elements in the same stacking context are higher on the z-axis even without 
the declaration.  IOW: In the same stacking context, following elements 
overlap preceding elements, and absolute positioned elements overlap 
relative positioned or not positioned (“static”) elements.
 
> I have a similar button that resides on the bottom layer of a 5-canvas
> stack. The button is attached as a child and has a high z-index to set
> it standalone above all the other layers.

ISTM you have not read the problem description thoroughly.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Shape with transparent click through Andrew Poulos <ap_prog@hotmail.com> - 2014-09-03 08:37 +1000
  Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 02:01 +0200
    Re: Shape with transparent click through Andrew Poulos <ap_prog@hotmail.com> - 2014-09-03 10:29 +1000
      Re: Shape with transparent click through Ed Jay <edMbj@aes-intl.com> - 2014-09-02 18:11 -0700
        Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 03:28 +0200
      Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 03:16 +0200
        Re: Shape with transparent click through Andrew Poulos <ap_prog@hotmail.com> - 2014-09-03 12:33 +1000
          Re: Shape with transparent click through "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-09-03 08:53 +0200
          Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 12:40 +0200
  Re: Shape with transparent click through "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2014-09-03 01:16 -0700
    Re: Shape with transparent click through "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-09-04 02:27 +0200
      Re: Shape with transparent click through "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2014-09-03 18:45 -0700
        Re: Shape with transparent click through "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-09-04 09:37 +0200
          Re: Shape with transparent click through "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2014-09-04 18:53 -0700
        Re: Shape with transparent click through "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-09-04 12:29 +0200

csiph-web