解决悬停添加边框的图片是兼容IE7+当图片多行排列。
在布局中，您一定遇到过这样的情况，即当排列多行和一行图片时，在悬停处添加边框将把下列图片压缩到其他地方。解决方案非常简单，边界：图片没有设置。问题：
当您遇到多行和多行图片时，悬停将添加一个边框到下一张图片。
============================================================
小心 uff1a
下面的IE11浏览器加载的图片会默认用1px边框
解决方案：设置边框：图片上没有边框
=============================================================
悬停加边界解决方案：
原文uff1a
复制代码代码如下所示：
1。设置元素的透明边框（推荐）：
复制代码代码如下所示：
李{
边境：2px固体透明；
}
李：悬停{
边境：2px固体红；
}
2。在元素外包装一层div
变化之后：
复制代码代码如下所示：
风格：
复制代码代码如下所示：
李{
Wdith：468px；
}
div {
宽度：468px；
保证金：2px；
填料：10px；
背景颜色：# FFF；
}
div：悬停{
保证金：0；
边境：2px固体红；
}
此外:
不支持大纲IE 7和8的使用。
但是它表明元素并没有为元素添加边界，而不是IE兼容性，可以用边框代替边框。