Web サイトの上部の「見出し」div
セクションに背景画像を使用しています。これは CorelDrawX6 で描画され、.jpg 画像にエクスポートされました。つまり、エクスポート時に高さと幅を正確に設定できません。私が達成したいのは、Webページで背景画像を適切な高さにスケーリングすることです。が欲しいのですがheight:150px; width:100%
、このように適用されるためdiv
:
<div style = "height:150px;background-image:url('Design.jpg');">
画像にスタイリングを直接適用することはできません。誰にも解決策がありますか?
PS「関連する質問」の多くをチェックアウトしましたが、答えが見つかりませんでした。また、ページ全体ではなく、1 つの div の背景画像が必要であることを覚えておいてください (これははるかに簡単です)。
現在の状況:
私の望む状況は、完全な画像を背景として使用することです (現在の画像は拡大されたバージョンであり、実際の画像 (アップロードできませんでした) は同じように見えますが、テキストがオンになっており、水色のバーははるかに小さくなっています)。 .