Html 如何在css中更改图像禁用状态下的不透明度

我只想在图像处于禁用状态时更改图像的不透明度，就像我对下面的输入按钮所做的那样：

input[type=“button”]：禁用{
边框：1px实心#AAA；
边界半径：4px；
不透明度：0.5；
}
img：禁用{
不透明度：0.5；
}

Normal按钮：

禁用按钮：



正常：

已禁用：

：

如果一个元素落在一个 以下类别：

• 禁用的按钮元素
• 已禁用的输入元素
• 选择禁用的图元
• text禁用的区域元素
• 具有禁用属性的optgroup元素
• 已禁用的选项元素
• 具有禁用属性的字段集元素

注意：此定义用于确定哪些元素可以聚焦，哪些元素与：disabled伪类匹配

因此，您不应该对图像使用

：disabled

。你应该找别的办法

最好使用带有type属性

image

的

输入

标记

此方法可以使用

禁用的
属性：


input[type=image]：禁用
{
不透明度：0.5；
}
CSS3:disabled selector通常用于表单元素（复选框、按钮等），因此如果要在img上应用不透明度，应使用：

img.disabled
{
    opacity:0.5;
}

所以它是关于CSS类的。我不知道图像上的“禁用状态”实际上意味着什么，可能只是单击后的图像状态，但即使在这种情况下，您也不能使用“禁用”选择器。
您也可以使用CSS选择器来选择“禁用”状态，在我的情况下效果很好：

button[disabled] > img {
    opacity: 0.5;
}

最好的
Manuel
我在这里没有看到任何图像。你能用图像发布完整的html代码吗？那将是一个很好的帮助！“图像处于禁用状态”是什么意思？Disabled通常用于表单元素。我同意Bruno的观点。禁用的属性实际上只适用于表单元素。为什么不直接使用
img.disabled
和
？嗨，布鲁诺，我正在图像上执行onClick事件。所以，在某些情况下，我不允许用户执行该事件，在这种情况下，我只是禁用图像。为了向用户显示它被禁用的区别，我想更改它的不透明度，如上图所示。但是我有很多这样的图像，有没有其他方法来代替为每个图像添加类？没有，因为其他人也提到过，禁用状态只对表单元素起作用。在其他浏览器中使用图像作为禁用状态也是我认为你错了，我的意思是在返回false之前；只有我必须添加其余的onclick事件，你是对的。
返回
停止Javascript的其余部分。
返回false应该在末尾。因此，我们可以使用图像作为输入元素。那么为什么我们不能把它看作是形式元素呢？因为在这种情况下，它不被看作是一个普通的图像，而是作为一个由图像表示的提交按钮。