コピー禁止CSSを加えたら、印刷表示も出来なくなる？

質問

初心者で恐縮ですが、以下お知恵を拝借出来れば幸いです。

一つのページにある画像（A）と次ページへリンクさせるボタンの画像(B)がある場合、
Macでのweb上の画像のドラッグ&ドロップ保存を(A)のみきかなくさせる調整方法等ありますでしょうか…。
ただし、印刷時は画像表示させたいです。

winの右クリック→コピーも併せて禁止出来ればなお良いですが
取り急ぎ、MacのD&D禁止のみ対応出来れば結構です。

※スクリーンキャプチャで最終的には画像コピーが出来る事は
　承知の上でのご相談です。

無知で大変お恥ずかしいですが、何卒宜しくお願い致します。

回答No.2

noname#83877 · ベストアンサー

<p><img src="#" alt="" class="cover" /></p>

img.cover {
position:relative;
z-index:-1;
}

D＆Dや右クリックからでは何もできなくなります。

お礼

有り難うございます！
ご教授頂いた方法で試しましたら、画面上では何もできず
印刷時には表示されるという、
希望していた動作を確認出来ました。
非常に助かりました。有り難うございます。

http://www.htmq.com/style/z-index.shtml
こんなテクニックがあったのですね…。
これを機にもっと勉強致します。
この度は本当に有り難うございました！

回答No.1

SAYKA

ええと・・・表示されてる時点で「キャッシュ」という名の保存ファイルができるんだけど・・・それも無視でいいのかな？

とりあえずは　要素の背景画像にしてしまうという手法が一般的じゃないかな。
選択どころかドラッグすらできない。

お礼

早速のご回答、有り難うございました！
はい、キャッシュについては今回考えなくても結構です。

背景に指定してもみたのですが、自身で調べたガード用のCSSなどかけると
印刷時に表示されなかったためお伺いしてみました。
（背景にはガードをかけないように指定していたのですが
何故か表示されるものとされないものがあり
うんうんうなっていたのでした…。）

ご説明不足、大変失礼致しました。
背景画像に指定する方法もよく目にしますので
今後の参考とさせて頂きます！本当に有り難うございました。