I trying to be not able to stolen picture by net user.
For windows is me can find the way.
<img src="file name.jpg" width="auto" height="auto" oncontextmenu="return false">
That is right click did not opend.
But iphone can long push to steal the picture.
So I charenge to cover the picture by clearly background-color.
I did it for iphone.
That is like this.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The css on text/css's name is 1.css
div.sample1 { position: relative; width: 340; height: auto; }
span.guard { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.0); }
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The html on text/html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Can't steal my picture on iphone</title>
<link href="directory/1.css" rel="stylesheet" type="text/css">
</head>
<body>
<p>
<div class="sample1">
<span class="guard"></span>
<img src="file name .jpg" width="340" height="240" alt="Picture on myself"></div>
</p>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Does all of iOS can do it too?
I wanna create my site on most safety.
