【发布时间】：2012-08-16 16:27:34
【问题描述】：
我在div 中有一张图片。例如，假设这个 div 有一个 background-color 或 #000。现在，我希望这张图片从左侧淡出到右侧。
我的意思是，第一列像素应该看起来有 100% 的不透明度，而最后一列像素应该看起来有 0/1% 的不透明度（最后一列像素将与背景融为一体）分）。
我将如何纯粹在 CSS 中做到这一点？图片始终为 50x50。
【问题讨论】：
【发布时间】：2012-08-16 16:27:34
【问题描述】：
您可以在图像上叠加 div
并为 div 设置渐变
http://tinkerbin.com/xXJQrgnk
【讨论】：
-
此链接已损坏。您有机会在线重新发布答案吗？还是转到 jsfiddle？
你总是提前知道 DIV 的背景颜色吗？它总是纯色（不是渐变，没有纹理等）吗？您的图像宽度大致相同吗？如果是这样，我会创建一个与背景颜色相同的 PNG，并让它在右侧褪色到完全透明。它可以是任何高度，因为我们将垂直平铺它。
在将 PNG 设置为与图像相同的高度后，将 PNG 放在图像上，图像会显示为淡出到背景中。
【讨论】：