将渐变 css 命令转换为 -moz-linear-gradient 和 -webkit-linear-gradient

【问题标题】：Convert gradient css comand to -moz-linear-gradient and -webkit-linear-gradient将渐变 css 命令转换为 -moz-linear-gradient 和 -webkit-linear-gradient
【发布时间】：2023-03-16 00:45:01
【问题描述】：

我有以下 css 代码可以正常工作，但是当我尝试将其转换为 moz-linear-gradient 和 -webkit-linear-gradient 时出现错误并且它不起作用：

background: linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);

这是我的尝试：

background: -moz-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, 
#ffffff00 35%, #ffffff00 100%);
background: -webkit-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);

这应该怎么写？

【问题讨论】：

标签： css gradient

【解决方案1】：

此代码有效，但不适用于 chrome，webkit 适用于 safari，-moz- 适用于 firefox。您只需要像这样添加所有 3 个：

h1 {
    background: linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);
    background: -moz-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);
    background: -webkit-linear-gradient(to bottom, #0A1326 0%, #0A1326 35%, #ffffff00 35%, #ffffff00 100%);
}

【讨论】：

我得到的 webkit 属性值无效。
那是因为safari从6.1开始全面支持linear-gradient所以认为不再需要了
是否可以为网站提供带有错误行的代码？
确定它可能会触发某些人，但只要您的网站不是白屏，总会有一些几乎什么都不做的错误。
firefox 从 55 开始也完全支持，所以它也不需要 -moz- 前缀