0

CSSで画像をオーバーレイしてパノラマとして表示する方法を探しています。それを構築するための適切なロジックが見つかりません。ハイツを隠したのかもしれませんが、この方法では役に立ちませんでした。

解決済み..もう1つのアイデアで、問題を解決することができました..とにかく、誰かがそれを必要とする場合は、ここで解決策です

<div style="position: relative; height:100px; overflow:hidden">
    <img src="photo.jpg" style="margin-top:-50px;" />
</div>

DIV タグの高さを設定し、margin-top で画像の位置を修正するだけです。

誰かが別の方法を持っている場合は、共有してください。ありがとう

私に答えてくれた他の人たちに感謝します。

4

1 に答える 1

1

任意のサイズの画像の例は、次の CSS です。

div{
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-bottom: calc(100%*9/16);
    position: relative;
}

div img {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    margin: auto;
}

http://jsfiddle.net/poselab/9vWU8/4/で例を見ることができます

于 2013-05-15T15:22:40.550 に答える