画像の不正利用を防止するためにCSSで画像上に文字を入れる方法
http://kisetu.chu.jp/hint/bord.html
↑参考サイト
2008年という文字を入れてしまっていた写真があって、あまりに古いので書き換えたいけど、元の画像がない！編集するにも時間がかかりそう！
ということで、スーパーインポーズ的にテキストでなんとか隠せないか？というところから、この方法にたどり着きました。
まとめると、＜DIV＞＜IMG・・・＞＜DIV＞文字＜/DIV＞＜/DIV＞という感じです。
２つめの＜DIV＞～＜/DIV＞で、文字の位置や枠を決められます。テキストは、さらにCSSで装飾できるので、背景の色や大きさなどを指定することもできます。
こんな感じで文字が入力できる！
今度は、これを応用して、テキストを入れずに、２つめの＜DIV＞～＜/DIV＞を＜A＞～＜/A＞で囲んでしまうと、擬似的に画像そのものをリンクすることができます。この状態のとき画像の上で右クリックをしても、画像のダウンロードはできないはずです。
ソースを見ればダウンロードはできますが、ページ上から簡単にDLすることはできないので、商品写真などの盗用抑止にはなるんじゃないでしょうか。
ちなみに、JavaScriptによる右クリック禁止プログラムもあるので、どちらを使うかはあなた次第。さらに、＜DIV＞を＜A＞で挟む方法は文法的に？エラーになったと思います。でも、背に腹は代えられぬ？ついでに、PrtSc使うと普通に取れるので、テキストは入れておくといいですね。
まぁ～、CSSを使いたい人のための暇つぶしの趣味って感じですね。
