css - 如何解决 IE 中鼠标未悬停在图像上时不显示边框的问题

Question

我正在尝试对一组图像创建一个相当简单的效果。当鼠标悬停在图像上时，我希望它有一个简单的灰色边框。当它上面确实有图像时，我希望它有一个不同的、“选定的”边框。

以下 CSS 在 Firefox 中运行良好:

.myImage a img
{
    border: 1px solid grey;
    padding: 3px;
}
.myImage a:hover img
{
    border: 3px solid blue;
    padding: 1px;
}

但是，在 IE 中，当鼠标没有悬停在图像上时，边框不会出现。我的 Google-fu 告诉我 IE 中有一个错误导致了这个问题。不幸的是，我似乎找不到修复该错误的方法。

Answer 1

尝试使用不同的颜色。我不确定 IE 是否理解“灰色”(而是使用“灰色”)。