css - css sprite图像在ie9中不可点击

Question

我创建了一个带有<a>标签的按钮和一个嵌套在里面的跨度。跨度包含按钮的图标：我使用了背景图像，它是精灵图像。

在 chrome 和 FF 上一切都很好，但在 IE9 中，按钮的图像不可点击。即，当我单击所谓的图标时，什么也没有发生 - 没有动作或样式出现。

下面是我的按钮 HTML：

<a class="btn"  href="#" title="Cancel">
    <span class="icon iconCancel"></span>Cancel
</a>

谢谢！

score 1 · Accepted Answer

它在这里看起来工作正常......只需尝试在保存图标的跨度上的 css 上声明 Width 和 Height 并再次测试。

像这样的东西：

.btn > span { 
display: inline-block;
border:1px solid #000;
width:20px;
height:20px;

}

如果不起作用，您还可以尝试在“a”标签上使用一些具有更高值的 z-index（尽管根本不需要）。

score 0 · Accepted Answer

你的小提琴似乎根本没有说明这个问题。

为此，您需要为和赋予宽度和高度，将和跨度a设置为。然后在跨度上设置背景图像，并在悬停时移动其位置。spanaposition: relativeposition: absolute; top: 0; left: 0;a

2 回答 2