使用戶無法保存我要保護的圖像從普通用戶下載圖像

，這樣使用戶無法保存我要保護的圖像從普通用戶下載圖像

<div style="background-image: url(img.jpg); background-size: cover; background-repeat: none; "> 
<img src="wtrmrk.jpg" style=" opacity: 0; " /> 
</div>

只要img.jpg具有未知大小我怎麼能控制DIV寬度符合img.jpg寬度？

來源

2014-09-21 Zartosht

你是什麼意思，那就是DIV的寬度是固定在「img.jpg」'？ ...是不是，你希望div的寬度與其內部的圖像相同？那樣的話，我會把'display：block;身高：自動;寬度：自動;溢出：隱藏;'在div上 - 然後它可能會工作。你可能也得把'float：left'放在它上面。並非所有的CSS都是必需的，但是如果出現瀏覽器差異，我會這樣寫。 – Zeth 2014-09-21 06:15:28

水印是你最好的選擇，因爲任何人都可以打印屏幕並裁剪圖像。即使水印可以用一點點Photoshop技巧刪除。只有顯示圖片的低分辨率版本，如果你真的想要保護它們，賣高分辨率。 – 2014-09-21 06:46:39

我正在爲攝影工作室設計一個網站，他們希望保護他們的圖像，我已經告訴他們保護他們的最好方法是不要上傳，但他們堅持至少保護他們免受普通觀衆的影響，原始圖像將具有一個水印和一個透明水印。你的解決方案不工作div仍然拉伸到屏幕尺寸寬度:(@Zeth – Zartosht 2014-09-21 08:46:49

對於未知的尺寸，我會去覆蓋。你可以創建一個絕對定位的元素，並通過top，right，bottom和left特性，以便覆蓋圖像擴大其尺寸如下：

.wrapper { position: relative; display: inline-block; } 
 

 
.wrapper img { vertical-align: bottom; } 
 

 
.wrapper:after { 
 
    content: ""; 
 
    position: absolute; 
 
    top: 0; bottom: 0; left: 0; right: 0; 
 
    z-index: 1; 
 
}

<div class="wrapper"> 
 
    <img src="http://placehold.it/200"/> 
 
</div>

來源

2014-09-21 06:20:28

謝謝:)它的工作 – Zartosht 2014-09-21 08:59:01

使用戶無法保存我要保護的圖像從普通用戶下載圖像

回答

相關問題