Streaming live at 10am (PST)

Text over image disappears when adding a hover state to the image


#1

Hi There,

I have the following structure setup:

I added a hover state to the highlighted image (AK img) to make it scale on hover.

However, when previewed, the text on top of that image (in the Park Text Div) disappears on hover.

My question: How can I have the image scale on hover, without losing the text above?

Thanks! :slightly_smiling:


#2

Is your Z index being changed on hover too? Z index works like layers in Photoshop for example.


#3

Hi @bduffley

Could you provide a read only link so that we can take a look at your project?
Here is how:
http://help.webflow.com/article/how-do-i-share-my-sites-read-only-link

Thanks! :slightly_smiling:


#4

Hi @DharmaNode.

I can not post the url yet because it's confidential for my client. That's why I tried to screenshot my divs above for help.


#5

Hi @Jonathan,

I checked, and no, the hover is only on the X & Y. Z is set to 1, which I believe is the default.

Thanks!


#6

Maybe try adding the hover effect to AK Img Div instead of the image itself.

Maybe try increase the Z index of the text that's disappearing just to see what happens.

Save your Webflow project and open it again and see if that resolves it. Just brainstorming here.


#7

Thanks for those suggestions, Jonathan, but neither of those worked for me. Any other ideas?


#8

Hmm. Sorry, nothing else comes to mind. It'd really help to see the project.


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.