Question

我使用了带渐变的图像作为背景图像@：http://lotcapture.burnseo.com/

图像具有Photoshop渐变并保存为png。据我所知，这只发生在Mac上的Chrome中，但它让我感到非常困扰，因为我无法弄清楚为什么渐变图像会显示渐变为的银条：

CSS：

.wide-slider {
position: relative;
width: 100%;
background-image: url('/images/sky-home.png');
padding-left: 100%;
margin-left: -100%;
background-repeat: repeat-x;
padding-right: 100%;
margin-right: -100%;
top: -80px;
border-top: solid 5px #E9E9E9;

非常感谢任何反馈。感谢。

Answer 1

当你说：

时，我认为你在Photoshop中指的是“图层蒙版”

在Photoshop中使用渐变保存图像。它创建于 Photoshop具有从黑色到透明的渐变，所以天空图像显示在顶部，然后在底部淡出。

我尝试只显示背景图片（哪个链接是 this one ）而我看不到渐变渐变的渐变，因此问题在于您的图片而不是在浏览器中渲染，也因为在Firefox和Chrome for Windows中，它以同样的方式出现。

显示银色酒吧的梯度图象

1 个答案: