Question

我在两边都加了角球，但在IE7上他们不会出现。

最糟糕的是，当我使用ie（F12）的“插入器”，并从页面中删除任何属性（只是再次渲染页面）时，它们突然出现了！！

世界贸易组织？？

<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;}

Answer 1

当您指定＜code＞位置时：绝对还需要指定父元素，使其具有＜code＞position:relative-在您的情况下，这将是<；th>元素。

如果您没有指定＜code＞位置：相对对于父元素，位置：绝对元素将从DOM树上具有＜code＞position:relative的下一个元素开始定位，一直到<；身体>元素。



因此，解决方案是将＜code＞放在相对位置<；th>元素。

你没有具体说明你正在制作的“角”是否属于“圆角”类型？如果这就是你想要做的，为什么不放弃使用圆角图形的整个过程呢。有更好的方法可以做到这一点。

现在做圆角的标准方法是使用CSS3样式的边界半径。这在除IE之外的所有浏览器中都是标准的。你可能知道这一点，但你显然需要它才能在IE中工作。好消息是，有很多黑客可以使用，使border-radius风格也适用于IE。

我最喜欢的是CSS3Pie。非常易于使用，而且您不必担心HTML代码中有任何额外的标记或图形。

希望能有所帮助。

Answer 2

IE 7有一些引用攻击性缓存，这有时会导致开发和测试时出现意外行为。您可能应该使用Ctrl+F5在不使用缓存的情况下强制重新加载，或者在重新加载之前清除缓存。

友情链接