Я недавно кодировал веб-сайт, но у меня есть некоторые проблемы в некоторых веб-браузерах, таких как Internet Explorer или даже Microsoft Edge.Я сделал поиски, и я не мог ничего найти.Итак, вот мой фрагмент кода CSS:
.container {
width: 70%;
position: relative;
left: 47.5%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background: white;
margin-top: -450px;
}
article {
text-align: justify;
width: 80%;
margin-left: 25%;
color: #666;
margin-bottom: 140px;
}
.grand_titre_section {
font-size: 50px;
font-family: honey;
text-decoration: underline overline dotted orange;
-webkit-text-decoration: underline overline dotted orange;
-moz-text-decoration: underline overline dotted orange;
-o-text-decoration: underline overline dotted orange;
-ms-text-decoration: underline overline dotted orange;
position: sticky;
position: -webkit-sticky;
position: -moz-sticky;
position: -o-sticky;
position: -ms-sticky;
text-decoration-color: orange;
text-decoration-style: dotted;
text-decoration-line: overline underline;
top: 99px;
background: white;
z-index: 10000;
padding: 20px 0px 10px 0px;
}
и HTML-код:
<div class="container">
<article>
<div class="grand1" id="grand1">
<p class="grand_titre_section">Big title</p>
<!-- other elements of the div -->
</div>
</article>
</div>
Я уже пытался использовать префиксы поставщиков и пытался разделить «элементы»но это, кажется, не работает.
И, кстати, позиция: липкая;тоже не работает.
Скажите, нужно ли мне писать больше кода: моя веб-страница немного специфична из-за позиционирования.