我在div. 例如，假设这个 div 有一个background-colorof #000。现在，我希望这张图片从左边淡出到右边。
我的意思是，第一列像素应该看起来有 100% 的不透明度，而最后一列像素应该看起来有 0/1% 的不透明度（最后一列像素将与 div 的背景融为一体）。
我将如何纯粹在 CSS 中做到这一点？图像将始终为 50x50。
问问题
695 次
2 回答
0
你总是提前知道DIV的背景颜色吗？它总是纯色（不是渐变、没有纹理等）吗？您的图像宽度大致相同吗？如果是这样，我会创建一个与背景颜色相同的 PNG，并让它在右侧褪色到完全透明。它可以是任何高度，因为我们将垂直平铺它。
将PNG设置为与图像相同的高度后，将PNG放在图像上，并且图像会淡出到背景中。
于 2012-08-16T16:32:03.090 回答
0
您可以在图像顶部覆盖 div 并为 div
http://tinkerbin.com/xXJQrgnk设置渐变
于 2012-08-16T16:42:31.167 回答