1

所以我想知道这是否可能。我有这个概念，我有一个小的平铺纹理用作背景。是否设置为在 x 和 y 处重复。

在我的 Photoshop 设计中，我刚刚在顶部添加了一个阴影层，它从 100% 透明到大约 40% 透明，呈灰色。这与背景图像一起给出了阴影的幻觉。现在，我尝试将阴影层保存为 PNG，但似乎我需要将其保存为 PNG-24，这会使 png 文件变得巨大。

那么，这可能吗？我的意思是，使用 xml 或 xaml，这将是一件轻而易举的事。我只需插入一个矩形并添加一个渐变，顶部为 0%，底部为 40%，颜色为黑色或其他颜色。给我一个很好的褪色效果。但这在 HTML 和 CSS 中是不可能的吗？

4

3 回答 3

1

通常，如果正确理解您的解释，您可以应用与在正常背景上重复阴影相同的概念。

只需将您的阴影切成 1px 的宽度和渐变本身的完整高度。然后在 X 轴上使用你的 dropshadown 重复 png 图像（css：background-repeat：repeat-x;）

希望这可以帮助。碧玉

于 2010-01-11T11:29:19.533 回答
1

没有一个例子就有点难以提出建议。您在其中一条评论中说，“我最初希望阴影向中间变化一点”——这是否意味着您当前拥有 1500 多个像素宽的图像？

通常最好尽可能地重复图像，所以你可以有一个 1px 宽并一直重复的图像（这对于真正宽的屏幕也更好），然后在另一个“层”中设置一个单独的图像，设置背景位置到中间。

如果你的渐变不高于 256px，你也可以减少颜色的数量。您可能还想尝试PNGcrush，这是一个减少 PNG 文件大小的好工具。

于 2010-01-11T14:55:32.037 回答
0

我不确定我是否理解得很好，但以防万一我不知道你是否听说过微软的强大过滤器，你可以在其他东西中创建漂亮的渐变。

如果将此代码粘贴到要创建渐变的 CSS 上，您会看到结果。

filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=1, StartColorStr='#000000', EndColorStr='#0000FF')

如果您想要全屏，请将其应用于 body 标签，如果您希望将其应用于 div，请将其应用于 div，我不记得您是否必须设置固定高度，否则它会自动调整为高度。

然而，由于它来自微软，它只适用于 IE :-(。

我希望这有帮助。

塞萨尔。

于 2010-01-12T11:35:57.657 回答