如何顯示只有一部分（在這種情況下是隱藏水印）的圖像像9gag.com， 我試圖在CSS中使用剪輯，但它要求形象是絕對的位置，這對我來說是一個不行。如何顯示圖像的一部分像9gag.com
是否有其他方式的CSS做到這一點？ js也可以。
謝謝。
////////////////////////////////////////////// // 這裏是解決我的問題，我花了一段時間才能找出我可以用一個容限屬性，我傻
img {margin:0 auto -33px;}
是，使用CSS overflow屬性。您可以執行overflow: hidden;來剪出超出容器寬度和高度的實體。
你可以在W3schools瞭解更多：http://www.w3schools.com/cssref/pr_pos_overflow.asp 他們甚至有一個例子讓你嘗試。
我的網站類似於9GAG，包含圖像後的很多，每天多增加，所以容器都將有不同的高度和寬度，所以這不會在我的情況 – user1099029 2012-02-14 19:06:31
很好地工作，你可以寫，檢測單個圖像的腳本'高度和寬度，對吧？然後計算要掩蓋多少「溢出：隱藏」的權利？ – dangerChihuahua007 2012-02-14 19:15:10
好吧，我想從每個圖像的底部向上移動100px。我試圖避免使用額外的腳本，因爲它會給服務器增加壓力，我的只有大約60 MB的可用內存 – user1099029 2012-02-14 19:26:10
你只需要CSS這一點。您將使用許多網站上使用的相同技術來減少HTTP資源請求（稱爲精靈）。
您創建一個div，設置圖像作爲背景圖像。然後，您可以設置div的所需高度和寬度。如果您不想僅剪切右下角，則可以調整background-position CSS屬性。
爲一個例子見。
是的，我知道如何使用精靈，但我的網站類似於9gag，包含很多圖像後，更多每日添加，我不能在這種情況下使用精靈。 – user1099029 2012-02-14 19:05:30
我不是說使用精靈。我說你會用同樣的技術來覆蓋圖像的一部分。 – 2012-02-16 12:14:35
爲什麼你不能使用'position：absolute'？如果你將它包裝在'position：relative'容器中，它對於該容器是絕對的。 – ThiefMaster 2012-02-14 19:00:54
我做了你的建議，它打破了頁面。 – user1099029 2012-02-14 19:19:42
請將您的解決方案作爲下面的實際答案發布。 – BoltClock 2012-02-15 05:13:04