在使用自定义按钮时，旧Webkit缺少供应商前缀的CSS渐变

是指在旧版本的Webkit浏览器中，使用CSS渐变时需要添加供应商前缀，但是由于旧Webkit版本的缺陷，可能无法正确解析渐变效果。

CSS渐变是一种通过CSS样式来实现颜色渐变效果的技术。它可以让我们在网页中创建平滑过渡的颜色变化，从而增加页面的视觉吸引力和用户体验。

旧Webkit指的是旧版本的Webkit内核浏览器，如旧版Safari和旧版Chrome。这些浏览器在支持CSS渐变时需要添加供应商前缀，以确保渐变效果能够正确显示。

供应商前缀是一种用于标识特定浏览器厂商的CSS属性前缀。在旧Webkit浏览器中，使用CSS渐变时需要添加-webkit-前缀，例如：

.button {
  background: -webkit-linear-gradient(red, blue);
  background: linear-gradient(red, blue);
}

上述代码中，-webkit-linear-gradient是添加了供应商前缀的渐变属性，用于旧Webkit浏览器；而linear-gradient是不带前缀的渐变属性，用于现代浏览器。

然而，由于旧Webkit版本的缺陷，有时即使添加了供应商前缀，渐变效果仍然无法正确显示。这可能是由于旧Webkit版本对渐变属性的解析不完善或存在bug导致的。

为了解决这个问题，可以考虑以下几种方法：

1. 使用图片代替渐变：如果旧Webkit浏览器无法正确显示CSS渐变，可以考虑使用图片来代替渐变效果。通过将渐变效果制作成图片，并将其设置为按钮的背景，可以确保在旧Webkit浏览器中也能够正确显示。
2. 使用JavaScript库：可以使用一些JavaScript库，如Modernizr，来检测浏览器是否支持CSS渐变。如果浏览器不支持，则可以使用JavaScript来动态地添加渐变效果，以实现在旧Webkit浏览器中的兼容性。
3. 提供降级方案：如果渐变效果对于按钮的功能并不是必需的，可以考虑在旧Webkit浏览器中提供一个降级方案，例如使用纯色背景代替渐变效果。这样即使在旧Webkit浏览器中无法显示渐变效果，按钮仍然能够正常使用。

总结起来，旧Webkit缺少供应商前缀的CSS渐变是指在旧版本的Webkit浏览器中，使用CSS渐变时需要添加供应商前缀，但由于旧Webkit版本的缺陷，可能无法正确解析渐变效果。为了解决这个问题，可以使用图片代替渐变、使用JavaScript库进行兼容性处理，或提供降级方案。