如何使元素重疊到另一個div

我正在設計一個文本id="text-field"將重疊到id="image-field"。我不知道該怎麼做，謝謝你的幫助。如何使元素重疊到另一個div

<!DOCTYPE html> 
<html> 
    <body> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-sm-6" id="text-field"> Some text </div> 
       <div class="col-sm-6" id="link-field"> Some link </div> 
      </div> 
      <div class="row"> 
       <div class="col-sm-12" id="image-field">Background Image </div> 
      </div> 
     </div> 
    </body> 
</html>

來源

2016-12-27 phpLover

'的位置是：絕對的;' –

您可以瞭解'位置：absolute'。 –

首先了解位置：absolute和z-index：value;那麼如果你面臨任何問題，然後問:) – Ishu

我做了一個小的可重複使用的例子這是一個相當常見的事用CSS做here

這裏是一個例如

.box { 
 
    position: relative; 
 
} 
 
.box__image {} .box__text { 
 
    position: absolute; 
 
    bottom: 0; 
 
}

<div class="box"> 
 
    <div class="box__image"> 
 
    <img src="http://placehold.it/350x150"> 
 
    </div> 
 
    <div class="box__text"> 
 
    Testing text 
 
    </div> 
 
</div>

只是一個小的解釋position:relative是用來保持position:absolute元素外出包含它們的div

來源

2016-12-27 06:04:39 NooBskie

使用位置屬性，您可以對元素進行服務。

#image-field{ 
    position: absolute; 
    top: 0px; 
}

css.You的研究志願服務崗位屬性將得到更多的想法 postion properties

來源

2016-12-27 05:54:53

如何使元素重疊到另一個div

回答

相關問題