0

私は 2 つの div を持っており、どちらも相対的な位置を持っています。内側の div には左と上の位置があります。左の位置を約 100px 少なくする必要があるように見える IE7 を除いて、すべてのブラウザで問題なく動作します。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 リンク

4

1 に答える 1

0

「位置：相対」をスパン要素に入れると、IEの古いバージョンの前に問題が発生しました。それを取り出してみて、違いがあるかどうかを確認してください。また、「.edit-photo-div」も絶対配置にしてみてください。すでに「上」と「左」を設定しているため、同じ場所に留まる必要があります。

于 2013-04-23T18:36:28.017 に答える