Image pop up (on hover) above other elements on page

  • Resolved gutte

    (@gutte)


    10 years, 8 months ago

    Hi there.

    Is there a way (in CSS I guess) to get the image to hoover above all other elements on my home page, like seen on this webpage (let the mouse hoover on the text ‘Photo’)?
    My page example is here.
    My photos pop up under the header – and that is the problem.
    Yes, images could be moved farther down, but I would like them to appear on the upper half of my pages.

    Thanks for a great plugin.
    Regards Gutti

    https://www.ads-software.com/plugins/tablepress/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi, try this it should work

    .yourimgclass{
    z-index:99999;
    }

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Yes, just as renan.masse suggest, you’ll just have to increase the z-index in the CSS that you added for the images, so that the images have a higher z-index than the header bar.

    Regards,
    Tobias

    Thread Starter gutte

    (@gutte)

    Hi.
    I put that code in ‘Custom CSS’ in TablePress below the other code that already is there. But no change.

    You should put it in your style.css or directly in your page with the attribut (in texte editor)

    <style>
    .yourimgclass{
    z-index:99999;
    }
    </style>

    PS: You have to change yourimgclass by your image class
    ex:
    <img class=”YOURIMAGECLASS” …>

    or may be just try to put this (in your page):

    <style>
    img{
    z-index:99999;
    }
    </style>

    Thread Starter gutte

    (@gutte)

    Oh – now I see. I just change that number in all instances of my ‘Custom CSS’ code. Yes – it works ??

    Thanks a lot renan.masse and Tobias! This has bothered me for a long time – but fixed now.
    Regards Gutti

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    yes, you just have to change it in the existing code ??
    Good to hear that this worked! Thanks for helping, renan.masse!

    Best wishes,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image pop up (on hover) above other elements on page’ is closed to new replies.