IE11 风格背景色答案

【问题标题】：IE11 style background-colorIE11 风格背景色
【发布时间】：2019-07-27 00:33:33
【问题描述】：

我对 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 版本，我们将不胜感激。

【问题讨论】：

如果您可以为IE和任何其他浏览器添加屏幕截图，将有助于其他人理解问题。

标签： html css internet-explorer-11 background-color

【解决方案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>

【讨论】：

我可以通过将style="direction: rtl; 添加到span 来解决此问题。只是想知道哪一个应该是合适的。
@Nik 我很想知道为什么它最初不起作用。
如果我从 span 中删除 dir="LTR" 属性，它可以在不更改/添加任何 css 的情况下工作。
感谢您的回复，但正如我所说，我无法修改 html，问题源于 p 和 span 之间的相反方向。通过删除其中一个或将两者的方向更改为 RTL 或 LTR，问题将得到解决。遗憾的是，我需要一个不会更改 html 的解决方案，因为我无法控制它
@Barakonda 你甚至不能添加一个小的 CSS 代码？我没有更改 HTML，我只是添加了一个可以链接到外部的 CSS 行

【解决方案2】：

正如您在问题中提到的，HTML 是从组织外部的 Outlook 生成的，因此修改 HTML 不是您的选择。

我尝试在 IE 11 中使用您的代码进行测试，并且能够产生问题。

我知道您的用户无法使用企业模式。如果他们可以手动将此网站添加到兼容性视图，则可以解决此问题。

请检查下面的测试结果。

【讨论】：

感谢您的回复，我会试试这个并检查这个解决方案是否不会搞砸网站的其余部分。无论哪种方式我都会回复
遗憾的是，虽然兼容性设置没有弄乱网站，但它也没有解决问题。也许是因为它内部有大量的框架和 iframe。如果您有其他解决方案，我们将不胜感激
我们需要能够重现问题的准确代码，而不是尝试测试它并提出更准确的解决方案。这可能有助于解决您的问题。
html 是用 Outlook 编写的邮件的一部分，混合了 rtl(main) 和 ltr(sub) 语言，在某些情况下会发生这种情况，因此我们无法影响/获取有问题的代码。这就是为什么我想通过摆弄 IE11 来找到解决方法，因为我们绝对没有办法解决问题的根源。此外，邮件是从公司外部收到的，我们无法在那里执行任何操作，所以唯一的选择是在 IE 端修复它
正如您在上一条评论中所说，“在某些情况下会发生这种情况”。由于我们不了解该特定情况，因此我们无法重现它。即使我们尝试混合使用 rtl(main) 和 ltr(sub) 语言。如果您发布任何示例代码会更好。