Question

我对IE11的CSS3渐变有问题我有这样的事情：

    .shine
{
    background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 125px;
     color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
}

它不能用于IE11，你可以帮我解决这个问题吗？我尝试使用CSS3手册，但仍然不正确。

Answer 1

首先：不要一次全部尝试。从小处着手，进一步升级：

.shine {
  background-color: #222; /* For browsers that do not support gradients */
  background: linear-gradient(to top right, #222, #fff, #222);
}

查看W3Schools：CSS3 Gradients

CSS3渐变不适用于IE11

1 个答案: