0 Replies - 1124 Views - Last Post: 29 March 2006 - 06:54 PM

#1 William_Wilson  Icon User is offline

  • lost in compilation
  • member icon

Reputation: 207
  • View blog
  • Posts: 4,812
  • Joined: 23-December 05

CSS Transparent image protection

Posted 29 March 2006 - 06:54 PM

Description: this is actually 2 segements of code, the first is the CSS script to be placed in the head of your page, and the second is the implementation of divs
*Need to create a 1x1 pixel transparent gif file named overlay.gifapply a transparent image over your images to prevent theft.
<head>
<style type="text/css">
<!--
     div#cover{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-image:url(overlay.gif); image-repeat:repeat;

-->
</style>
</head>


<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);">
<div id="cover">
</div>
</div>
<!--
Much of the code on the first div can be ommitted or changed
to suit your site layout, the important part is the
div layer applied inside it, which is actually applid on
top of it
-->


Is This A Good Question/Topic? 0
  • +

Page 1 of 1