Цвет фона в стиле IE11

ProgramBox

Цвет фона в стиле IE11

Post author:admin
Запись опубликована:21 мая, 2023
Post category:Вопросы по программированию

#html #css #internet-explorer-11 #background-color

#HTML #css #internet-explorer-11 #цвет фона

Вопрос:

У меня странная проблема с IE11 (работает в Chrome и edge), в определенных ситуациях цвет фона скрывает текст над ним, пытаюсь найти обновление для IE11, чтобы исправить это, если оно существует (компьютеры компании из-за определенных ограничений не могут использовать корпоративный режим и не могут обновить всех пользователей до win10, также не могут исправить html, поскольку он сгенерирован из Outlook вне компании) вот наиболее упрощенная версия

 <p style="direction: rtl;">
  <span dir="LTR" style="color: black; background-color: yellow;">Why Am I Yellow</span>
</p>

Если кто-нибудь может помочь найти исправление или, возможно, даже версию IE11, в которой это работает, это будет оценено по достоинству.

Ответ №1:

Создание диапазона inline-block , похоже, устраняет проблему в моем IE11 (версия 11.0.9600.19267)

 <p style="direction: rtl;">
  <span dir="LTR" style="color: black; background-color: yellow; display: inline-block;">Why Am I Yellow</span>
</p>

1. Я смог исправить это, добавив style="direction: rtl; в span . Просто любопытно узнать, какой из них должен быть подходящим.

2. @Nik Мне любопытно узнать, почему это не работает изначально.

3. Если я удалю dir="LTR" атрибут из span , он будет работать без изменения / добавления какого-либо css.

4. спасибо за ответ, но, как я уже сказал, я не могу изменить html, и проблема связана с противоположными направлениями между p и span. удалив один из них или изменив направление обоих на RTL или LTR, проблема будет устранена. к сожалению, мне нужно решение, которое не изменяет html, поскольку я не могу его контролировать

5. @Barakonda ты не можешь даже добавить небольшой CSS-код? Я не менял HTML, я просто добавил одну строку CSS, которую вы можете связать снаружи

Ответ №2:

Как вы упоминали в своем вопросе, HTML генерируется из Outlook извне вашей организации, поэтому изменение HTML для вас не вариант.

Я пытаюсь выполнить тест с вашим кодом в IE 11, и мне удается устранить проблему.

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

Пожалуйста, проверьте результат тестирования ниже.

1. спасибо за ответ, я попробую это и проверю, не испортит ли это решение остальную часть сайта. я отвечу в любом случае

2. К сожалению, хотя настройка совместимости не испортила веб-сайт, это также не устранило проблему. может быть, потому, что внутри него тонны фреймов и iframes. если у вас есть другое решение, мы будем признательны

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

4. HTML является частью письма, написанного в Outlook с использованием смеси rtl (основного) и ltr (вспомогательных) языков, в определенных ситуациях это произойдет, поэтому у нас нет возможности повлиять на проблемный код / добраться до него. вот почему я хотел найти исправление, повозившись с IE11, поскольку у нас нет абсолютно никакого способа устранить источник проблемы. Кроме того, почта поступает извне компании, и мы не можем там ничего принудительно применить, поэтому единственный вариант — исправить это на стороне IE

5. Как вы сказали в своем последнем комментарии, «в определенных ситуациях это произойдет». Поскольку мы не осведомлены об этой конкретной ситуации, мы не можем ее воспроизвести. даже если мы попытаемся использовать смесь rtl (основного) и ltr (вспомогательного) языков. будет лучше, если вы опубликуете какой-либо пример кода.