将鼠标悬停在Chrome中的图像上时，图像会消失

Question

我无法在Chrome中使用图片的不透明度。一旦我将鼠标悬停在图像上，图像就会消失。我在互联网上搜索过，找不到有效的东西。不透明度使用<input>标记，但不会使用<img>标记。我已经尝试position: relative;它在所有其他浏览器中都运行良好... http://jsfiddle.net/nx2bcpdu/提前致谢！

Answer 1

它是因为您正在调用content: attr(title);，这会在悬停时打破图像：

FIDDLE