使用 object-fit: cover; 後的圖片位置

css object-fit img position

hypons 2020-09-01 00:02:17 ‧ 1782 瀏覽

codepen連結：https://codepen.io/Hypons111/pen/QWNgJpN?editors=1100

CSS第28行中用了object-fit: cover;之後，要怎才可以顯示.shrink__img的上半部分呢？

謝謝～

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

谷哥

iT邦新手 3 級 ‧ 2020-09-01 08:55:31

最佳解答

可以用 object-position: top; 來調整位置

hypons iT邦新手 5 級 ‧ 2020-09-01 09:09:18 檢舉

成功了，之前我還在想為什麼position-origin 沒效。
謝謝你

谷哥 iT邦新手 3 級 ‧ 2020-09-02 20:44:02 檢舉

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙