Question

我有一个nav li，在悬停时背景会变白。但是我也希望悬停时背景的一部分（元素左边的一部分）是灰色的。所以大约25％的元素需要是灰色的，而其他75元素需要在悬停时都是白色的。

我到目前为止：

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

Answer 1

尝试使用Gradients;

类似的东西：

nav li:hover{

  background:-moz-linear-gradient(left, grey 25%, white 75%);
  background:-webkit-linear-gradient(left, grey 25%, white 75%);
  background:-o-linear-gradient(left, grey 25%, white 75%);
  background:-linear-gradient(left, grey 25%, white 75%);

}

可能对您有帮助的另一个答案here

Answer 2

我会直接使用linear-gradient

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

请参阅FIDDLE

HTML css部分填充背景

2 个答案: