HTML
<img id="btnLeft" src="img/btnLeft.png"/>
<img id="logo01" src="img/logo01.png"/>
CSS
#btnLeft{heigth:64px;}
#btnLeft:hover{height:74px;}
在鼠标悬停时btnLeft下推#logo0110px。
我想#logo01留在原地。
问问题
596 次
2 回答
2
为您的图像元素创建一个单独的 div，根据您的喜好将它们向左或向右浮动，然后vertical-align: top在包含div. 这是一个示例：http: //jsfiddle.net/94zVg/。
出现此问题的原因是您必须并排成像元素，这些元素将与其包含块的底部对齐。当一个图像被放大时，它会扩展包含块，而另一个元素会下降到它的底部。浮动和垂直对齐解决了这个问题。
于 2012-11-29T12:07:40.763 回答
1
也给第一张图片一个宽度，否则它的宽度会按比例扩大并将相邻的图片向下推。
#btnLeft{height:64px;width:100px;}
#btnLeft:hover{height:74px;}
这是一个显式宽度的演示：http: //jsfiddle.net/XRKK4/
这是一个没有明确宽度的演示：http: //jsfiddle.net/XRKK4/1/
于 2012-11-29T12:08:15.427 回答