Skip to main content

Forums

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #273435
    pwaksman
    Participant

    I was not able to add an overlay div over nested flex-container.
    The design is 3×3 grid inside an “target region”, Inside of each cell of the grid it has another 3×3 grid.

    Example: https://codepen.io/anon/pen/MXLWOb

    The overlay should be over the inner grid but the position absolute or relative always mess up.
    Any Idea how to do it?

    #273437
    Pogany
    Participant

    First you may add .FlexContainer{position: relative;}
    Next a few changes for the Overlay:

    .FlexContainer .Overlay {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        border: none;
        width: 100%;
        height: 100%;
        background-color: rgba(013, 130, 230, 0.5);
        cursor: not-allowed;
    }
    

    I hope it helps.

    #273445
    pwaksman
    Participant

    That worked like a charm! Thanks.

    #299050
    Marm1992
    Participant

    Well, my brother is a web designer and he has 5 years of experience in this field. I heard your post link when I gather some information for window film colorado springs sites on the internet. I found your post on this website. I tell my brother about this and I hope my brother will help you. Thank you so much for sharing this post with us.

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