css - 相对定位在 IE7 中的显示与其他浏览器不同

Question

我有两个 div 都有相对位置。内部 div 具有左侧和顶部位置。除了在 IE7 中，它们在所有浏览器中都可以正常工作，看起来左侧位置需要少约 100 像素。我想知道是否可以在不必拥有特定于 IE 的样式表的情况下解决此问题。这是代码

        <div style="position:relative;">
           <div class="edit-photo-div">
              <a href="#">
                 <span class="edit-photo-icon">Edit</span>
              </a>
            </div>
         </div>

和我的CSS：

>  .edit-photo-div {
      background-image: url("/images/editphoto.png");
      background-position: 9px 6px;
      height: 28px;
      left: 143px;
      position: relative;
      top: -27px;
      width: 35px;
      margin-bottom:-29px;
      overflow:hidden;
     }



 .edit-photo-icon{
    padding-left:35px;
    position:relative;
    top:6px;
    color:#7c7c7c;
    font-weight:bold;
 }

jsFiddle 链接

Answer 1

当我将“位置：相对”放入跨度元素时，我在旧版本的 IE 之前遇到了问题。试着把它拿出来，看看它是否有所作为。同样对于“.edit-photo-div”，尝试使其绝对定位。您已经设置了“顶部”和“左侧”，所以它应该留在同一个地方。