msie中鼠标移动的选择性边框答案

【问题标题】：selective border on mouse move over in msiemsie中鼠标移动的选择性边框
【发布时间】：2011-03-08 20:54:57
【问题描述】：

我的以下 css 代码在 msie 中不起作用。

#block a {
   border-right: 2px none #eee;
   border-bottom: 2px none #eee;
}

#block a:hover {
   border-right: 2px solid #eee;
   border-bottom: 2px solid #eee;
}

在 msie 中，只有右边框会正确显示。底部边框完全不可见。其他浏览器工作正常。

谁能帮助我，让它在 msie 中也正确显示？

演示网站是http://mmjd.com（鼠标移到最右边的文字上）

【问题讨论】：

添加 zoom: 1 通常是解决此类问题的好方法。

标签： css internet-explorer hover border

【解决方案1】：

有问题的锚点正在内联显示。 IE 无法识别完整的宽度和高度。

设置display:block; 解决了这个问题。

#block a {
   border-right: 2px none #eee;
   border-bottom: 2px none #eee;
   display:block;
}

#block a:hover {
   border-right: 2px solid #eee;
   border-bottom: 2px solid #eee;
}

【讨论】：