Web サイトの背景画像にロゴを配置しようとしていますが、うまくいきません。私のロゴの元のサイズは 712x200 px です。しかし、もう少し小さくしたかったので、css に height:140px と width:500px を追加しました (これはロゴの元のサイズに比例します)。
ただし、ロゴ画像のサイズは変更されません (css で定義したように小さくなりません)。いいえ、それはトリミングされています!? どうして?
また、ロゴが常に画面の中央 (垂直および水平) に表示されるように、ロゴを背景画像の中央に配置するにはどうすればよいですか。
ここに私のcssコードがあります:
.logoimage{
background: url("images/Logo.png") no-repeat scroll center;
width: 500px;
height: 140px;
}
HTML は次のとおりです。
<section id="home" class="photobg">
<div class="inner">
<div class="copy">
<h1 class="logoimage"></h1>
</div>
</div>
</section>
ところで、ここでやろうとしていることの同様の例をいくつか見つけました: http://milkandpixels.com/
したがって、基本的には背景画像があり、その上に常に中央に配置するロゴを追加したいと考えています。皆さんありがとう!