提问人：Barakonda 提问时间：3/5/2019 最后编辑：Alessio CantarellaBarakonda 更新时间：3/6/2019 访问量：1790
IE11 样式背景色
IE11 style background-color
问：
我对 IE11 有一个奇怪的问题（适用于 chrome 和 edge），在某些情况下，background-color 会隐藏其上方的文本，试图找出 IE11 的更新来修复它，如果存在（公司计算机，由于某些限制不能使用企业模式，无法将所有用户更新到 win10，也无法修复 html，因为它是从公司外部的 Outlook 生成的） 这是最简化的版本
<p style="direction: rtl;">
<span dir="LTR" style="color: black; background-color: yellow;">Why Am I Yellow</span>
</p>如果有人能帮助找到修复程序，甚至是它可以工作的 IE11 版本，我们将不胜感激。
答：
6赞
Temani Afif
3/5/2019
#1
制作跨度似乎可以解决我的 IE11（版本 11.0.9600.19267）上的问题inline-block
<p style="direction: rtl;">
<span dir="LTR" style="color: black; background-color: yellow; display: inline-block;">Why Am I Yellow</span>
</p>评论
0赞
Nik
3/5/2019
我能够通过添加 .只是想知道哪一个应该是合适的。style="direction: rtl;span
0赞
Temani Afif
3/5/2019
@Nik我很好奇为什么它最初不起作用。
0赞
Nik
3/5/2019
如果我从中删除属性，则无需更改/添加任何 css 即可工作。dir="LTR"span
0赞
Barakonda
3/6/2019
感谢您的回复，但正如我所说，我无法修改 HTML，问题源于 p 和 span 之间的相反方向。通过删除其中一个或将两者的方向更改为 RTL 或 LTR，问题将得到解决。可悲的是，我需要一个不会改变 HTML 的解决方案，因为我无法控制它
0赞
Temani Afif
3/6/2019
@Barakonda你甚至不能添加一个小的CSS代码？我没有更改 HTML，我只是添加了一个可以在外部链接的 CSS 行
0赞
Deepak-MSFT
3/6/2019
#2
正如您在问题中提到的，HTML 是从组织外部的 Outlook 生成的，因此修改 HTML 不适合您。
我尝试在 IE 11 中使用您的代码进行测试，并且能够产生问题。
我知道您的用户无法使用企业模式。如果他们可以手动将此站点添加到兼容性视图，则可以解决此问题。
请查看下面的测试结果。
评论
0赞
Barakonda
3/6/2019
感谢您的回复，我将尝试此解决方案并检查此解决方案是否不会搞砸网站的其余部分。无论哪种方式，我都会回复
0赞
Barakonda
3/6/2019
可悲的是，虽然兼容性设置没有搞砸网站，但它也没有解决问题。也许是因为它里面有大量的框架和 iframe。如果您有其他解决方案，将不胜感激
0赞
Deepak-MSFT
3/6/2019
我们需要可以重现问题的精确代码，而不是尝试测试它并提出更准确的解决方案。这可能有助于解决您的问题。
0赞
Barakonda
3/6/2019
html 是用 outlook 编写的邮件的一部分，混合了 rtl（main） 和 ltr（sub） 语言，在某些情况下会发生这种情况，因此我们无法影响/获取有问题的代码。这就是为什么我想通过摆弄IE11来找到解决方案，因为我们完全没有办法解决问题的根源。此外，邮件是从公司外部收到的，我们不能在那里强制执行任何内容，因此唯一的选择是在 IE 端修复它
0赞
Deepak-MSFT
3/7/2019
正如您在上一条评论中所说，“在某些情况下，这将会发生”。由于我们不知道这一具体情况，我们不可能重现它。即使我们尝试混合使用 RTL（Main） 和 LTR（Sub） 语言。最好发布任何示例代码。
评论