1

私のケースに関連するいくつかの解決策を検索しましたが、すべての質問が私のケースと完全に同じというわけではありません。

画像はコンテナー (300x150) にwidth:100%設定する必要があります。height:auto私の場合、アップロードする画像の幅がどうなるかわからないので、ソリューションに background-image を使用できないと思います

これは機能していません:

#image-container {
 display: block;
 position: relative;
 width: 300px;
 height: 150px;
 overflow: hidden;
}
.img {
 width: 300px;
 height: auto;
 position: absolute; /*this is for my working frame, can't change*/
}

デモリンク: http://jsfiddle.net/bardirian/zPg5m/

- -アップデート -

これは、btlr.com の背景画像のアイデアで動作します。ここで更新されたデモを参照してください: http://jsfiddle.net/bardirian/zPg5m/7/

これをhtmlに追加しようとすると、jquery要素がhtmlから画像をインポートする必要があるという他の問題が見つかりました。そのため、より良いCSSソリューションを探していますが、背景画像ではありません。

4

1 に答える 1