翻转在流体图像上淡出

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

每个图像都可以灵活地使用视口。