php - mysql に保存された画像の背景カバー

Question

データベースに保存されている画像を div の幅と高さに拡大しようとしています。幅を 100% にすることはできますが、高さを同じにすることはできません。

背景カバーを使用したいのですが、背景経由で画像を取得していないため機能しません: css の url()

コードはさまざまなバリエーションで試行されましたが、現在は次のとおりです。

<div id="postimave">
    <img src="data:image/jpeg;base64,<?php echo base64_encode($thumb) ?>" />
</div>

CSS:

img {
    width:100%;
    height:100%;
    background-size:cover;
}

score 0 · Accepted Answer

画像を div のピクセル (px) 単位の高さと幅に引き伸ばすことは、最適な簡単な方法ではない可能性があります。

score 0 · Accepted Answer

background-size: cover;background-imageCSSの定義にのみ適用できます。そんな使い方はできないと言っています。具体的な理由はありますか？一般に、次のように機能します。

<div id="postimave" style="background-image: url(data:image/jpeg;base64,<?php echo base64_encode($thumb); ?>)">
</div>

CSS:

#postimave{
    background-size:cover;
    /* Add your desired width and height */
}

-要素を使用すると、スペースを水平方向に埋めるをimg設定できます。width: 100%;他のオプションは、カバー効果を再作成するために、PHP または JavaScript を使用して画像のサイズを変更/トリミングすることです。

2 に答える 2