Линейный градиент с остановками не работает в IE11 - PullRequest
Новая
       15

Линейный градиент с остановками не работает в IE11

0 голосов
/ 06 ноября 2018

Я пытаюсь получить эту фоновую работу в 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. Вроде некрасиво, но работает.

1 Ответ

0 голосов
/ 07 ноября 2018

Попробуйте использовать следующий код: 

<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):

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...