Posted By

icecreamboyy on 02/23/11


Tagged


Versions (?)

CSS Transparent image protection


 / Published in: CSS
 

  1. <head>
  2. <style type="text/css">
  3. <!--
  4. div#cover{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-image:url(overlay.gif); image-repeat:repeat;
  5.  
  6. -->
  7. </style>
  8. </head>
  9.  
  10.  
  11. <div style="position:absolute; top:10; left:10; width:400; height:75; z-index:1; padding:0px; border: #000000 1px solid; background-image:url(yourImage.ext);">
  12. <div id="cover">
  13. </div>
  14. </div>
  15. <!--
  16. Much of the code on the first div can be ommitted or changed
  17. to suit your site layout, the important part is the
  18. div layer applied inside it, which is actually applid on
  19. top of it
  20. -->

Report this snippet  

You need to login to post a comment.