背景图像上的图像

问题描述：

显然我没有这样做的权利。我正在试图让我的标题在我的标题头上。我会如何去做这件事？当我按照下面提供的方式进行操作时，我的图像会突出显示在标题上方，而不会显示在其上。背景图像上的图像

标记

<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;}

有没有什么好办法使用CSS更改元素顺序 - 所有的解决方法都有缺点。如果可能的话，就把它放在元素内部 – 2013-05-12 15:25:07

答

把DIV中的图片标签？定心img的DIV中，只进行水平的

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

例子：

<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;  
}

哦...我还是HTML和CSS的新手，我不认为你能够在div中放入img。非常抱歉。我现在觉得很愚蠢...... – Zevoxa 2013-05-12 15:26:58

不用担心，“div”是一个普通元素，你可以在里面放置任何东西。把它想象成一个“框架”。 – hank 2013-05-12 15:28:49

我试图居中它，在宽度和高度之后用align =“middle”，并且它不影响它。为什么是这样？ – Zevoxa 2013-05-12 15:31:48

答

你只需要把<img>标签中<div>标签如下：

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

背景图像上的图像

相关推荐