Accidental layer creation • Hacker News Board

Re: Accidental layer creation

#11

Post by hcarvalhoalves » Mon, Mar 04, 2013, 5:06 PM UTC

Instead of z-index hacks, you can solve for Webkit (the only browser where this quirk happens so far) with:

    -webkit-font-smoothing: subpixel-antialiased !important;

Re: Accidental layer creation

#12

Post by gwwar » Mon, Mar 04, 2013, 6:16 PM UTC

This is a bug in chrome: https://code.google.com/p/chromium/issues/detail?id=100666

Re: Accidental layer creation

#13

Post by gwwar » Mon, Mar 04, 2013, 6:26 PM UTC

gwwar wrote: post #12

This is a bug in chrome: https://code.google.com/p/chromium/issues/detail?id=100666

https://code.google.com/p/chromium/issues/detail?id=122083

You will also see other artifacts when placing text with css transforms over any other compositing layer (canvas, elements with css transform/animation etc).

Re: Accidental layer creation

#14

Post by bicknergseng » Mon, Mar 04, 2013, 7:16 PM UTC

hcarvalhoalves wrote: post #11

Instead of z-index hacks, you can solve for Webkit (the only browser where this quirk happens so far) with: -webkit-font-smoothing: subpixel-antialiased !important;

This is what I do... it should be noted though that some devs may not want that style rendering by default.