Граница тела / контейнера не видна в IE 11 - PullRequest
Новая
       7

Граница тела / контейнера не видна в IE 11

0 голосов
/ 27 декабря 2018

Граница видна в Chrome и Firefox, но не видна в IE 11

Я гуглил ее, и раньше мой код был границей: 2px, сплошной черный;Я изменил его на border-style и добавил все особенности в несколько строк.Это не помогло.

.container{
    margin:10px;
    padding:5px;
    border:2px;
    border-style:solid;
    border-color:black;
    border-radius:3px;
    text-align:center;
}

Так выглядит в Firefox

Так выглядит в IE 11

Ответы [ 3 ]

0 голосов
/ 28 декабря 2018

@ jeh отвечает на мой вопрос.Я заканчиваю это обсуждение.Я не мог найти способ принять его ответ или отозвать его.

0 голосов
/ 29 декабря 2018

Я так рад, что мой комментарий сработал!Я не был уверен, поэтому я разместил его в качестве комментария, но здесь это как ответ, чтобы люди могли принять / upvote:

Это странное исправление, но у меня исчезли границы в IE, и я исправил это с помощьюдобавление display: block или display: inline-block к элементу в зависимости от того, каким элементом он был.Трудно предложить лучший совет без большего количества кода, чтобы иметь возможность воспроизвести вашу проблему.Это исправление, но Microsoft в этом году прекратит поддержку IE, а значит, вам больше не придется его поддерживать.Наш офис собирается устроить вечеринку, когда поддержка IE официально закончится: D

Рад, что это сработало для вас!

0 голосов
/ 28 декабря 2018

Я сделал тест с вашим кодом CSS в IE 11.

Код: 

<!doctype html>
<head>
<style>
.container{
    margin:10px;
    padding:5px;
    border:2px;
    border-style:solid;
    border-color:black;
    border-radius:3px;
    text-align:center;
}
.bodyCore{ border:1px dotted black; padding:40px; margin-top:8px; margin-bottom:8px; }
</style>
</head>
<body>
<div class="container">
<div class="bodyCore">sample text</div>
</div>
</body>
</html>

В результате ниже вы можете видеть, что граница видна с IE 11.

enter image description here

Я предлагаю вам сделать тест с этим кодом и проверить, показывает ли он границу или нет.Если проблема не устраняется, попробуйте опубликовать точный код HTML и CSS на этой странице.Мы попытаемся сделать с ним тест, чтобы проверить проблему.

...