我在 th 的两边都添加了 Angular ，但在 IE7 上它们不会显示。
更糟糕的是，当我使用 ie (F12) 的“检查器”并从页面中删除任何属性(只是再次呈现页面)时，它们突然出现了!!
WTF??
<thead>
<tr>
<th class="process_table_top" colspan="2">
<div class="corner-2 trp"></div>
<div class="corner-2 tlp"></div>
<strong>Personal Details</strong>
</th>
</tr>
</thead>
CSS:
.corner-2.tlp{ background:url(/images/buy_process/table-sprite.png);background-position: 0 -18px; width: 5px; height: 4px; top:5px;left:5px;position:absolute;}
.corner-2.trp{ background:url(/images/buy_process/table-sprite.png);background-position: 0 -27px; width: 5px; height: 5px; top:5px;right:5px;position:absolute;}
最佳答案
当您指定 position:absolute; 时您还需要指定父元素具有 position:relative; - 在你的情况下，这将是 <th>元素。
如果您不指定 position:relative;对于父元素，position:absolute;元素将从具有 position:relative; 的 DOM 树上的下一个元素开始定位。 , 一直到 <body>元素。
因此解决方案是把position:relative;在你的 <th>元素。
你没有说明你做的“Angular ”是不是“圆 Angular ”的那种？如果那是你想要做的，为什么不放弃使用圆 Angular 图形的整个事情。有很多更好的方法可以做到这一点。
现在做圆 Angular 的标准方法是使用CSS3样式border-radius .这在除 IE 之外的所有浏览器中都是标准的。您可能知道这一点，但您显然需要它才能在 IE 中工作。好消息是有许多可用的技巧可以使 border-radius也适用于 IE 样式。
我最喜欢的是CSS3Pie .非常易于使用，您不必担心 HTML 代码中有任何额外的标记或图形。
希望对您有所帮助。
关于html - TH 内的 IE7 Angular 落，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4918815/