This first slide has 12 image layers (in a z shape) with transparent pngs. Because of the layout the rectangular layers conflict with one another on mouse over.
Can I set the hover area to a smaller area/portion of the layer so the hover triggers do not overlap?
These would work:
1-Only trigger hover when non-transparent pixels in the png are rolled over.
2-Set a 200x200 pixel box on each layer that triggers the hover.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Unfortunately that is not possible currently. You cannot link only parts of a layer. The link/hover area will always be the whole layer.
The hover effect/trigger is applied on the layer itself (container), not on its inner content. Unfortunately it's not possible to only target certain part of a layer at the moment.
http://www.theatro.com/building-store-future/
This first slide has 12 image layers (in a z shape) with transparent pngs. Because of the layout the rectangular layers conflict with one another on mouse over.
Can I set the hover area to a smaller area/portion of the layer so the hover triggers do not overlap?
These would work:
1-Only trigger hover when non-transparent pixels in the png are rolled over.
2-Set a 200x200 pixel box on each layer that triggers the hover.
Or, some other brilliant solution.
Thank you.
Hello Stuart,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Unfortunately that is not possible currently. You cannot link only parts of a layer. The link/hover area will always be the whole layer.
Hi Attila,
What about using an html layer with:
What would the CSS be?
The hover effect/trigger is applied on the layer itself (container), not on its inner content. Unfortunately it's not possible to only target certain part of a layer at the moment.