- ベストアンサー
背景をダウンロードさせない方法について
以下のサイトを参考にして、右クリックで画像を保存されないようにしてみました。http://www.stylish-style.com/csstec/basic/g-photo-guard.html しかし、残念ながら右クリックすると普通に保存出来てしまいます。何がいけないのでしょうか。 ＜htmlファイル＞ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>画像保存禁止</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="sample"> <span class="guard"></span> <img src="略" alt="画像" width=650 height=918> </div> </body> </html> ＜cssファイル＞ div.sample { position:relative; width:650px; height:918px; } span.guard { position:absolute; display:block; width:100%; height:100%; border:thin solid black; background-image:url(img/beach.png); }
- rio_grande
- お礼率77% (349/452)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
beach.pngって透明画像なのかしら？（名前からすると違うみたい） span.buardの画像を透明にしておいて、 <img src="略" alt="画像" width=650 height=918> の本当の画像の上にカバーして、クリックしたときには透明画像の方がコピーされるという仕組みなのだけど… もしかして、beach.pngがコピーされちゃうってことなら、それはこの方法では仕方がないです。 隠したい画像は<img>タグの方に記述してください。 こちらの勘違いで、ハズしてたらごめんなさい。
その他の回答 (1)
- sh_hirose
- ベストアンサー率66% (56/84)
>background-image:url(img/beach.png); この部分の画像URLが正しくないんじゃないでしょうか？ ちなみにこれはソースを開かれなければという条件がつきます。 基本的に意味がない処理です。
お礼
出来ました。勉強になりました。有難うございます。
お礼
出来ました。なるほどbeach.pngはimg src=の方に書くんだったんですね。助かりました。（ホントに"略"って書いちゃってました。。（汗））有難うございました。