Question

现在我有一个按钮的CSS：

background: #19558D url(../images/gradient.gif) repeat-x top left;

出现渐变，但背景颜色不显示。当我重新加载页面时，颜色会瞬间出现，但随后消失为渐变。我怎样才能使它们都起作用？

Answer 1

好的，所以你有几个选择：

<强> 1。仅使用图片：

您可以通过编辑渐变来完成这项工作，使其看起来完全符合您的喜好，而无需任何新的CSS。（这将是您用来解决问题的那个。）

<强> 2。在顶部使用Image，其余部分使用纯色：

element{ background:#000 (url) top left repeat-x; }

这会将图像放在url顶部，并使剩余的元素成为某种纯色。请注意，如果图像覆盖了所有元素且不透明，则纯色将不可见。

第3。使渐变透明/ alpha：

如果渐变覆盖了所有元素，您可以将其设置为透明或半透明，以便CSS背景颜色在其后面可见。例如，如果你创建一个从黑色到透明的渐变，然后添加一个白色的CSS bg，那么你将获得一个黑色到白色的渐变。请注意，使用此方法的唯一图像是.png个，因为它们是唯一支持Alpha级别（部分透明度）的图像。

Answer 2

GIF透明吗？我使用PNG格式，因为PNG-24允许使用alphablending mask，而GIF只支持透明或不支持（1/0）

但我认为你需要发布一个链接或它的外观图像，包括GIF。我们需要一些像素规格，例如宽度和高度来完全理解这个问题。