Question

显然我做得不对。我正在尝试将我的标识放在标题的顶部，即.head。我该怎么做呢？当我按照下面提供的方式进行操作时，我的图像会弹出我的标题而不是它。

标记

<img src="\logo.png" width="96" height="82">
<div class="head"></div>

CSS

.head {background-image:url('header_bg.png'); top repeat-x; height: 110px;} 

body {padding:0; margin:0;}

Answer 1

将图片标记放在div中？

<div class="head">
    <img src="\logo.png" width="96" height="82">
</div>

仅在水平方向内居中img的示例：

<div class="head">
    <img src="http://placekitten.com/200/100">
</div>

.head {
    width: 300px; height: 300px;
    background: transparent url(http://placekitten.com/300/300) no-repeat;    
}

.head img {
    display: block;
    margin: 0 auto;    
}

Answer 2

您只需将<img>标记放在<div>标记内，如下所示：

<div class="head"><img src="\logo.png" width="96" height="82"></div>

在背景图象顶部的图象

2 个答案: