文章/答案/技术大牛

发布

社区首页 >问答首页 >带停靠点的线性渐变在IE11中不起作用

问带停靠点的线性渐变在IE11中不起作用
EN

Stack Overflow用户

提问于 2018-11-06 23:31:32

回答 1查看 113关注 0票数 0

我尝试在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);

我把"to right“改成了"left”，把"to bottom“改成了"top”，重要的是，我写的是1.1px而不是1px。有点难看，但很管用。

css

internet-explorer-11

linear-gradients

回答 1

Stack Overflow用户

发布于 2018-11-07 10:11:07

尝试使用以下代码：

<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版本)：

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53175014

复制

相似问题

问带停靠点的线性渐变在IE11中不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带停靠点的线性渐变在IE11中不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带停靠点的线性渐变在IE11中不起作用
EN