如何在自舉輪播中裁剪大圖像

如果分辨率超出輪播大小，我如何在Bootstrap輪播中裁剪圖像？如何在自舉輪播中裁剪大圖像

我試過使用這個CSS，但它不裁剪圖像1這是一個比image2和image2更小的biger。

.carousel{width:640px; height:360px;}

我想要的圖像1被croped這樣的：

enter image description here

2014-02-20 Asme Just

添加溢出：隱藏在旋轉木馬類

.carousel {overflow:hidden}

2014-02-20 05:35:49 partypete25

有沒有辦法縮小旋轉木馬沒有任何形象扭曲？ –

您需要將轉盤寬度設置爲百分比。由於您已將圖片自身設置爲最大寬度爲100％，因此應該相應地進行縮放。或者，您可以將一個透明gif用作所有幻燈片的圖像，然後將這些藍色圓圈圖像用作背景圖像，並使用background-size屬性縮放圖像。 – partypete25

@ partypete25好吧，但如何顯示整個圖像，而不是隱藏它？ – Zl3n

回答