ログイン
英会話| 婚活| 北海道専門学校| 東北専門学校| 東海専門学校| 沖縄専門学校| ホームページ制作| 2万円HP制作|

DTP・Webデザイン系企業に就職したスタッフIhaのブログテンプレート制作目録です。イラスト、フォト、プログラム、呟きなどいろいろ投稿していきます。基本的にはブログテンプレートデザインを制作した過程を書いています。

 

CSSで画像を印刷できないようにする方法

「ライセンスを掲載したいがダウンロードされたくない」というクライアントの要望に対して、出来る限りの事はしましたが、CSSで画像を右クリック保存させないようにする方法でも書きましたが、キャプチャーを撮られたら終わりなんですよね。

 

対策を練ってたら思ったことだけど、データ以外に紙で印刷されないようにもしないと!と思いましたので、画像を印刷できないようにする方法を書き残しておきたいと思います。

タイトルには「CSSで・・・」とか書きましたが、今回のは<head>~</head>内に直接書くことなので簡単です。

 

HTML

<img class="ngprint" src="/img/hoge.jpg" />

 

CSS

@media print{

    .ngprint{

        display:none;

    }

}

 

以上!

クライアントページのCSSには visibility:hidden; まで入れておきました。

 

これだけ書いて保存して、印刷プレビューで見てみると画像があった部分が真っ白w

これで印刷防止対策はOK。

 

アドレスを辿って画像表示されたら終わりですが...OTL

Calendar

<< 2018年11月 >>
    123
45678910
11121314151617
18192021222324
252627282930 

Me

profile
プロフィールは個別に作りたいと思うのは自分だけでしょうか?上の画像は訓練校に居た頃制作。デッサンしたことあるけど、これはただのラクガキです。ちょっとレイヤー効果追加。

ブログテンプレート量産中!・・・でも今はPHPとjQueryで遊んでるラボの人です。

最近はラボよりもWordPressやタウンネットブログのエンジンを使ってサイト制作(仕事)をやってます。

QR Code

ihaのブログ

RSS

RSS1.0 RSS2.0