Question

我尝试在IE11中进行此后台工作。我看不到错...有人知道这是怎么回事吗？

  background: linear-gradient(to right, red 1px, transparent 1px), linear-gradient(to bottom, red 1px, transparent 1px);
  background-size: 60px 30px;

提琴：https://jsfiddle.net/201gyf6L/

谢谢

––––更新––––

我找到了解决IE11的方法。

background: linear-gradient(left, red 1px, transparent 1.1px), linear-gradient(top, red 1px, transparent 1.1px);

我将“从右”更新为“左”，并将“从底部”更新为“顶部”，重要的是，写了1.1px而不是1px。有点丑陋，但可以。

Answer 1

尝试使用以下代码：

<head>
    <meta charset="utf-8" />
    <title></title>
   <style type="text/css">
       div {
           width: 420px;
           height: 720px;
           background-color: white;
           background-image: linear-gradient(red 2px, transparent 2px), 
               linear-gradient(90deg, red 2px, transparent 2px), 
               linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), 
               linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
           background-size: 60px 30px;
       }
   </style>
</head>
<body>
    <div>
    </div>
</body>

输出如下（使用IE 11.1.17134.0版本）：

带止动件的线性渐变在IE11中不起作用

1 个答案: