Jquery IE伪文本阴影与其文本分开流动

我一直在使用jQuery和IE过滤器在IE中创建阴影这个问题已经在中重新表述和讨论了。现在，通过以下两项更改，上述实时站点上的问题已得到解决：

1） 要保持线条长度不变，必须向与左定位偏移匹配的叠加（阴影）元素添加右填充，如中所示：

h2 span.shadow { ...
  left: -7px;
  padding-right: 7px; ...

2） 叠加（阴影）

必须移动到

内部（此插件被认为是最佳实践解决方案，以回答部分原始问题）。和的两个部分描述了必须对元素定位进行的调整，以及嵌套的
元素，每个元素都创建了一个新的堆叠上下文

我愿意接受其他的解决方案和解释，希望这能帮助任何有同样问题的人

@media only screen and (min-width: 768px) {
  h2 {
    text-shadow: #000000 0px 5px 5px;
    position: relative;
    zoom: 1;
    z-index: 1;
  }
  h2 span.shadow {
    color: #000000;
    position: absolute;
    left: -7px;
    top: -2px;
    z-index: -1;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=2) progid:DXImageTransform.Microsoft.blur(pixelradius=5,enabled='true');
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=2) progid:DXImageTransform.Microsoft.blur(pixelradius=5,enabled='true')";
  }
}

h2 span.shadow { ...
  left: -7px;
  padding-right: 7px; ...

jQuery(".no-textshadow h1 a, .no-textshadow h2 a").each(function(){

h2 a {
  display: block;
  zoom: 1.0;
  position: relative;
}