Microsoft Explorer Edge 11 та же коробка тени, два разных результата - PullRequest
0 голосов
/ 26 сентября 2018

Дает другой результат, когда вы даете значение высоты?Я что-то пропустил?Или MS рендерит так плохо?

.box {
    background: #fff;
    width: 100%;
    clear: both;
    display: inline-block;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.height-1{
  height:35px
}

.height-2{
  height:50px
}
<div class="box height-1">Lorem Ipsum</div>
<br>
<br>
<div class="box height-2">Lorem Ipsum</div>

Пример ссылки

1 Ответ

0 голосов
/ 26 сентября 2018

Я пытаюсь сделать тест с Edge, и я получил аналогичный результат.Оба поля имеют одинаковую тень.

Ниже приведены результаты моего тестирования.

enter image description here

Вы упомянули «Microsoft Explorer» в заголовке, поэтомуЯ также сделал тест с IE 11 и получил аналогичный результат.

enter image description here

Так что я не могу создать проблему с приведенным выше кодом.Вы можете снова попытаться выполнить тест, и если проблема все еще существует, попробуйте опубликовать ее изображение.

Также попробуйте сообщить нам, если мы пропустили какой-либо шаг при создании проблемы.

Мы попытаемся исправить себя и снова попробуем сделать тест.

...