<分区>
标签 css
在this page的左侧边栏上有些图像的不透明度在悬停时从 1 切换到 0.95:
#div_port_left a img:hover {
opacity: 0.95;
}
但由于某种原因，图像不仅在悬停时变得稍微不那么明显，而且似乎还缩小或出现类似的效果。我不明白是什么导致了这种影响。我只想改变不透明度。
最佳答案
您看到的效果实际上并不是缩小，而是浏览器对稍微透明的图像做出的决定与对完全不透明的图像做出的决定略有不同。源图像(选择第一个)是 131x91，但您要求浏览器将其缩小到 88x60。这意味着它将不得不丢弃一些像素。现代浏览器都试图应用过滤器来使缩放看起来更好，但它并不完美。修复此比例你的图像以匹配你的空间尺寸，然后浏览器不会弄乱它。
关于css - 图像无缘无故地悬停时缩小了 1 个像素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19142315/