Question

我有以下css代码。 button.png是图像，其中3个按钮状态被静态粘贴，所以我只是在css中移动图像。

a.button
{
    background-image: url(button.png);
    background-position: 0px 0px;
    width: 100px;                                            
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
a:hover.button
{
    background-position: -100px 0px;
}
a.button[disabled]
{
    background-position: -200px 0px;
    cursor:default;
}

我把它放在html中

<a href="#" class="button" disabled="disabled"></a>

在Chrome中一切正常。 IE不显示禁用的图像。

Answer 1

IE 6无法处理属性选择器。 Source

IE 7和8应该能够处理a.button[disabled=disabled]。

为了完全兼容，您必须向禁用按钮添加一个类：

a.button[disabled],
a.disabled
{
...
}

<a href="#" class="button disabled" disabled="disabled"></a>

Answer 2

IE6中不支持IE - 属性选择器，而其他人需要doctype。

Answer 3

如果您认为您的用户将使用javascript，则可以使用ie7.js提供缺少的选择器http://dean.edwards.name/IE7/

在IE中无法将锚标记设置为[禁用]

3 个答案: