我有以下代码 http://jsfiddle.net/tbedf/5/它有效。但我想知道我是否可以做一些事情,当将鼠标悬停在图像上后显示完整尺寸时,完整的图像会出现在下面的图像之上,而不是将图像一直向下推。
li { float:left; height:100px; overflow:hidden; margin:10px; }
li:hover { height:auto; }
在此先感谢您,如果您不清楚,请告诉我。
最佳答案
你可以使用这个 CSS:
li {float:left; height:100px; position:relative; overflow:hidden; margin:10px; }
img {position: relative; height:auto; left:0px; top:0;}
li:hover { overflow:visible; z-index:99; }
工作 DEMO
关于html - 将鼠标悬停在图像上,图像的其余部分将出现,但它超出了 css 范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13390451/