私は次のコードhttp://jsfiddle.net/tbedf/5/を持っていますが、うまくいきます。画像を完全に押し下げるのではなく、下の画像の。
li { float:left; height:100px; overflow:hidden; margin:10px; }
li:hover { height:auto; }
あらかじめご了承ください。不明な点がありましたらお知らせください。
私は次のコード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; }
動作デモ