摘要: 现实在网站中,我们经常看到有鼠标滑过某个图片,出现边框的效果。如下图: hover前 hover后我们可以简单编写代码如下:发现当hover的时候会出现图片跳动的效果,这个效果截图不下来啊,大家可以把上面的代码拷贝粘贴,用浏览器看下效果,呵呵:)我用firebug看,其实当hover时候,宽度和长度并没有变化。考虑是位置的变化,正常时候,a元素靠在div的左上角;当hover的时候,border增加了,图片自然向右下角移动。考虑两种解决办法:1.利用padding(或者margin)。#pica{display:inline-block;width:11... 阅读全文