<p>中的文本部分隐藏在带有Bootstrap的IE / MS Edge中

Question

我有一个基于Bootstrap的网站，它适用于所有浏览器。但是在IE7＆amp;即使在MS Edge中，段落中的文本也部分隐藏。请看截图：

HTML和CSS非常简单。

HTML：

<div class="col-md-9 noPad">
  <div class="col-md-12 article-title inside-title">
    <h1 class="title">Privacy Policy</h1>
  </div>
  <div class="col-md-12" id="content">
    <h1 class="title-2">Respecting your privacy</h1>
    <p>
      We respect your personal information, and this Privacy Policy 
explains how we handle it. The policy covers ..............
    </p>
  </div>
</div>

CSS：

.noPad{
    padding: 0;
}

.article-title{
    margin-bottom:24px;
    }

.inside-title{
    border-bottom:2px solid #efefef;
    padding-bottom:20px;
    }

#content{
    text-align: justify;
}

请帮忙。谢谢。

Answer 1

经过CSS的一些试验和错误后，我找到了修复程序。页面上添加了一个文字阴影，如下所示：

html, html a {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

我将文字阴影更改为

text-shadow: 1px 1px rgba(0,0,0,0.004);

它解决了这个问题！我想知道为什么blur-radius属性在IE中不起作用（虽然据说在IE 10及以上版本中，blur-radius应该可以正常工作，但我的IE是11，甚至MS Edge也有问题渲染它。）

无论如何，感谢您宝贵的时间提出修复建议。