流動圖像上的滾動淡入

Question

我正在創建一個包含流體圖像的畫廊的響應站點。 為此，我必須使用css img {max-width：100％;} 。 我還希望對懸停有淡入淡出的效果。

有人對此有解決方案嗎？

到目前為止，我嘗試過的所有解決方案均不適用於CSS img {max-width：100％;}

非常感謝您的幫助！

Answer 1

還定義圖像寬度及其最大寬度。 並且必須以像素或em為單位。 您無需將最大寬度或最小寬度保留為％。 瀏覽器從其原始寬度或高度值進行渲染。 如

例如。

img{
    width:50%;
    height:30%;
    max-width:300px;
    min-height:100px;
    }

而且每個圖像的視口都可以靈活顯示。