将鼠标悬停在 Chrome 中的图片上时，图片会消失
When hovering over an image in Chrome, the image disappears
我无法让图像的不透明度在 Chrome 中发挥作用。一旦我将鼠标悬停在图像上，图像就会消失。我已经在互联网上搜索过，但找不到任何有效的方法。不透明度适用于 <input> 标签，但不适用于 <img> 标签。我已经尝试过 position: relative; 它在所有其他浏览器中都运行良好...http://jsfiddle.net/nx2bcpdu/ 在此先感谢！
这是因为您正在调用 content: attr(title);，它在悬停时破坏了图像：
我无法让图像的不透明度在 Chrome 中发挥作用。一旦我将鼠标悬停在图像上，图像就会消失。我已经在互联网上搜索过，但找不到任何有效的方法。不透明度适用于 <input> 标签，但不适用于 <img> 标签。我已经尝试过 position: relative; 它在所有其他浏览器中都运行良好...http://jsfiddle.net/nx2bcpdu/ 在此先感谢！
这是因为您正在调用 content: attr(title);，它在悬停时破坏了图像：