使用css從頂部剪輯圖像

Question

我正在開發一個iPhone應用程序，我正在使用圖像作為標題。 但對於較小的iphone，我想減小圖像的大小。 當我這樣做時，它會從底部減少，但我希望它從頂部減少。 我想簡單地將圖片中的頂部裁剪為83px。 我可以用CSS做到嗎？ 我看到有一個選項可以使用剪輯，但由於某種原因它根本無法處理我的圖像。 如果剪輯中還有其他方法，我很樂意聽到它們

這是btw的圖像：

Answer 1

我認為你必須應用CSS background-position屬性。 如果您使用此圖像作為背景圖像，則應將代碼編寫為;

div {
background-image:url('image.jpg');
background-repeat:no-repeat;
background-position:center bottom;
}

或者如果你把它放在img標簽的html元素上，那么你可以寫成;

img{
background-position: center bottom;
}

有關背景圖像位置的詳細信息，請訪問此鏈接。