[英]Rollover fade on fluid image
I'm creating a responsive site with a gallery composed of fluids images . 我正在创建一个包含流体图像的画廊的响应站点。 For this, I must use css img {max-width: 100%;} .
为此,我必须使用css img {max-width:100%;} 。 I also want a fade effect on hover.
我还希望对悬停有淡入淡出的效果。
Does anyone have a solution to this? 有人对此有解决方案吗?
So far, all the solutions I've tried, does'nt work with css img {max-width: 100%;} 到目前为止,我尝试过的所有解决方案均不适用于CSS img {max-width:100%;}
Thank you very much for your help! 非常感谢您的帮助!
Define image width also along with its max-width. 还定义图像宽度及其最大宽度。 And it must be in pixels or em's.
并且必须以像素或em为单位。 You don't need to keep max-width or min-width in %'s.
您无需将最大宽度或最小宽度保留为%。 Browser renders from its original width or height value.
浏览器从其原始宽度或高度值进行渲染。 As
如
This is for example. 例如。
img{
width:50%;
height:30%;
max-width:300px;
min-height:100px;
}
And every images'll be flexible with viewport. 而且每个图像的视口都可以灵活显示。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.