css - 获取渐变以使用背景颜色

Question

现在我有一个按钮的 CSS:

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

渐变出现，但背景色没有出现。当我重新加载页面时，颜色出现一瞬间，但随后消失为渐变。我怎样才能让他们都工作？

Answer 1

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

<强>1。仅使用图像:

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

<强>2。在顶部使用图像，其余使用纯色:

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

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

<强>3。使渐变透明/alpha:

如果渐变覆盖了所有元素，您可以将其设为透明或半透明，这样 CSS background-color 在其后面可见。例如，如果你制作一个从黑色到透明的渐变，然后添加一个白色的 CSS bg，那么你将得到一个黑色到白色的渐变。请注意，唯一适用于此方法的图像是 .png 图像，因为它们是唯一支持 alpha 级别(部分透明度)的图像。