codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Protect image by css overlay – Cover

    17th July 2014

    CSS

    Css - Codehaven

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
    <div class='column'>
        <div class='protect'>
            This is the protected data
        </div>
        <span>&copy;Copyright 2020</span>
    </div>
    <style>
    .protect {
        position: relative;
    }
    .protect:after {
        background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/83/Tesla_Model_3_parked%2C_front_driver_side.jpg);
        background-size: cover;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10;
        height: 100%;
    }
    .protect {
        height: 100%;
    }
    </style>
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN