HTML css部分填充背景

我有一个

nav li

，悬停时背景变成白色。但是，我也希望悬停时部分背景（元素左侧的一部分）为灰色。因此，大约25%的元素需要为灰色，而其他75%的元素需要为白色，所有元素都处于悬停状态

到目前为止，我已经：

nav li:hover{
background-color: white;
}

尝试使用

比如：

nav li:悬停{
背景：-莫兹线性梯度（左，灰色25%，白色75%）；
背景：-webkit线性梯度（左侧，灰色25%，白色75%）；
背景：-o-线性梯度（左侧，灰色25%，白色75%）；
背景：-线性梯度（左侧，灰色25%，白色75%）；
}

导航链接1
导航链接2

尝试使用

比如：

nav li:悬停{
背景：-莫兹线性梯度（左，灰色25%，白色75%）；
背景：-webkit线性梯度（左侧，灰色25%，白色75%）；
背景：-o-线性梯度（左侧，灰色25%，白色75%）；
背景：-线性梯度（左侧，灰色25%，白色75%）；
}

导航链接1
导航链接2

我会使用直线

线性梯度

nav li:hover{
background: linear-gradient(to right, black 25%,black 25%,#000000 25%,white 25%,white 100%);
}

---

请参见

我将使用直线

线性梯度

nav li:hover{
background: linear-gradient(to right, black 25%,black 25%,#000000 25%,white 25%,white 100%);
}

---

请参见

这是css中唯一需要的代码吗？因为它对我不起作用me@Derek现在试试看，这取决于您使用的浏览器这是css中唯一需要的代码吗？因为它对我不起作用me@Derek现在试试看，这取决于你使用的浏览器。请阅读。请阅读。