背景圖像上的圖像

顯然我沒有這樣做的權利。我正在試圖讓我的標題在我的標題頭上。我會如何去做這件事？當我按照下面提供的方式進行操作時，我的圖像會突出顯示在標題上方，而不會顯示在其上。背景圖像上的圖像

標記

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

來源

2013-05-12 Zevoxa

有沒有什麼好辦法使用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;  
}

來源

2013-05-12 15:24:46 hank

哦...我還是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>

來源

2013-05-12 15:26:01 Fabio

背景圖像上的圖像

回答

相關問題