#css #wordpress #internet-explorer-10
#css #wordpress #internet-explorer-10
Вопрос:
На моем веб-сайте есть липкий заголовок (созданный с помощью WordPress и плагина для создания сайтов elementor), который отлично работает в Firefox, chrome и edge, но не в Internet Explorer 10 и 11. когда ширина окна становится меньше 768 пикселей, заголовок не заполняет элемент-оболочку.
Я пытался искать решения в Google, но большинство потоков с похожими проблемами, похоже, касаются flexbox, который, как я полагаю, не связан с этой ошибкой (поскольку ни для оболочки, ни для элементов заголовка в моем случае не установлено значение «display: flex»).
Я попытался скопировать html и css в codepen, но это не сработало. Однако я создал loom, чтобы проиллюстрировать проблему. https://www.useloom.com/share/093eac76c2ff424fa55bbca1b5c3234c. Вот URL сайта:https://figgesresa.se /
К элементу-оболочке «elementor-section-wrap» применен «width: auto», в то время как к его дочернему элементу (который становится слишком маленьким ниже 768 пикселей) не применен стиль width. Я пытался добавить к нему «width: 100%», но это не имеет значения.
Любые указания или помощь были бы с благодарностью приняты.
Комментарии:
1. Поскольку это плагин, вызывающий проблему, я бы посоветовал спросить разработчиков, могут ли они пролить какой-либо свет на проблему. Однако быстрый поиск в Google показал, что они в любом случае не поддерживают устаревшие браузеры .
2. Это странно, учитывая, что они упоминают «В любом случае страницы, созданные с помощью Elementor, будут отображаться во всех браузерах». на их странице требований ( docs.elementor.com/article/38-requirements ).
3. Попробуйте использовать инструменты разработчика F12, чтобы проверить, добавили ли вы css-стиль «width: 100%» для первого дочернего элемента «elementor-section-wrap» (заголовок, подобный этому ), вы также можете попробовать использовать ключевое слово «!important», чтобы другие стили css не переопределяли это свойство.