The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problems with z-index

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #160732

    Hello everyone, What i’m actually trying to accomplish here, is to have 2 divs 1st div is called imgContainer, and 2nd is imgContainer-unutrasnji. imgContainer-unutrasnji holds the image that I want to go behind the 1st div, and I did that using z-index, but i faced problem when i linked the image. The image is unclickable because it is behind the 1st div. so.. any ideas how to solve this issue ? Here is the online version of this page:

    `#imgContainer {
    width: 165px;
    height: 167px;
    transition: background-image 0.8s ease-in-out;
    background-repeat: no-repeat;
    margin-right: 29px;
    float: left;
    margin-bottom: 28px;
    padding-top: 10px;
    padding-left: 10px;
    z-index: 1;

    imgContainer:hover {

    background-image:url(images/imageContainer-over.png); }

    imgContainer-unutrasnji {

    width: 156px;
    height: 158px;
    z-index: -1;
    position: absolute;


    Could you make a reduced case in Codepen?

    I’m thinking that pointer-events, a rejigging of the mark-up &/or use of pseudo-elements might be offer a number of solutions.


    Hmm i have actually never used any of those :/

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.