流动图像上的滚动淡入

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;
    }

而且每个图像的视口都可以灵活显示。