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

    Transparent overlay

    2nd November 2013

    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
     
    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    div#overlay {
    display: block;
    z-index: 2;
    background: #000;
    position: fixed;
    width: 70%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    opacity: .2;
    }
    </style>
     
    </head>
    <body>
    <!-- Start Overlay -->
    <div id="overlay"></div>
    <!-- End Overlay -->
     
    STUFF HERE
     
    </body>
    </html>
     

    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