0

IE7 のクロムと同じ効果を調整して取得できないという、わずかな問題が発生しています。私が達成しようとしているのは、背景を持つ div をコンテナー div の下部にプッシュすることです。

JS フィドル: http://jsfiddle.net/mn34r/

コード

<div class="container">
  <img style="padding-top:20px; padding-bottom:20px" src="img/img.png">
  <div class="description"><br>
  <span style="font-weight:bold;font-size:15px;">Harry's Nose</span><br>

  <button class="btn btn-small btn-primary" type="button"><i style="color:#fff;
  </i>Read More</button>
 </div>
</div>

CSS:

.container{
    border:solid 1px #e2e2e2;
    height:327px;
    text-align:center;
    position:relative;
}

.description{
    height:110px;
    background-color:#F1F1F1;
    text-align:center;
    bottom:0;
    width:100%;
    position:absolute
}

どんな助けでも大歓迎です。

ありがとうございました。

4

1 に答える 1

0

IE7 ではtop:上書きするbottom:ため、CSS 式で IE6/7 ハックを使用する必要があります。

#forceBottom {
  position:absolute;
  top:expression(
     document.documentElement.scrollTop +  
     document.documentElement.clientHeight - 
     this.clientHeight
  );
}
于 2013-08-26T14:15:06.827 に答える