我使用下面的CSS为图像创建悬停不透明度。我希望能够设置最小允许值，这样只有特定大小的图像才能显示不透明度。
实施例。我的225x225图像正确地呈现不透明度，但我的大标题图像也是如此。我只希望225x225及以下的图像在悬停时呈现不透明度，而不是全部。
img {
opacity: 1;
filter: alpha(opacity=40);
/* For IE8 and earlier */
}
img:hover {
opacity: .8;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
感谢您的帮助！
答案 0 :(得分：0)
您无法在单个元素上使用媒体查询，因此您可以在此处使用JavaScript。为此制定了新的CSS规则，但此时使用它们并不可靠。
你可以做的是用jQuery添加一个监听器img标签，并在页面加载时查看CSS。如果图像的大小不符合您对不透明度级别的要求，则可以限制它。
答案 1 :(得分：0)
正如Allendar在答案中指出的那样;为此使用JavaScript，但是如果JavaScript不是一个选项，那么你将不得不创建一个类并将CSS类添加到你希望在悬停时具有不透明效果的每个元素。