創建不同的CSS層

-1

你好，我是新來的CSS和我需要一些援助。我想爲我的網站在CSS中創建3層，所以它看起來像我在下面提供的圖片。創建不同的CSS層

Picture Provided

我怎麼會去在CSS中設置此功能？任何幫助將非常感激。

謝謝。

來源

2015-01-20 Endô Fujimoto

您沒有提供任何標記的代碼示例，因此很難評估你的情況。下面是關於如何創建一個MCVE的指南：http://stackoverflow.com/help/mcve – Terry 2015-01-20 23:20:49

我只需要知道是否有可能創建3個不同的容器與以下背景以及我將如何去做呢？謝謝。 – 2015-01-20 23:22:12

簡答：**是的，這是可能的**。再次，沒有任何標記，我們應該如何幫助？在所以它有助於你帶來一個特定的問題陳述，顯示你到目前爲止所嘗試的*。 – Terry 2015-01-20 23:23:05

您想了解z-index屬性。但基本上，任何你應用z-index需要有一個position設置...我很確定static不起作用，但absoluterelative & fixed都做到了。那麼你可以訂購它們。例如：

.div-background{ 
    z-index:1; 
    position:relative; 
} 
.div-middle{ 
    z-index:2; 
    position:relative; 
} 
.div-front{ 
    z-index:3; 
    position:relative; 
}

有意義嗎？

來源

2015-01-20 23:22:14

非常感謝。是的，這是有道理的，我會看看，看看我如何去。 – 2015-01-20 23:25:11

所有你需要做的是在花樣的背景IMG添加到CSS 這裏的

div { 
background: url(../images/purpalt.png) repeat; 
}

[http://www.bootply.com/4iBwk4Tmfr][1]

/* CSS used here will be applied after bootstrap.css */ 

/* Custom container */ 
.container-full { 
    margin: 0 auto; 
    width: 100%; 
    background: #666; 
} 

.jumbotron { 
    background: black; 
    height: 553px; 

    } 

.container { 
    background: #ccc; 
    padding: 15px 10px; 
    height: 553px; 
    width: 960px; 
    } 

    .image-box { 
    background: #fff; 
     text-align: center; 
     height: 500px; 
    } 

    footer { 
     background: orange; 
     height: 190px; 


<div class="container-full"> 

     <div class="jumbotron"> 

     </div> 

    <div class="container"> 
    <div class="col-md-12"> 
     <div class="image-box"> 
    Image to go here 

     </div> 
    </div> 


    </div>  


</div> <!-- /container full --> 
<footer></footer>

來源

2015-01-21 00:34:19 Denise

謝謝你。通過在頁面底部製作頁腳，進一步提高了一點。唯一的問題是它滯留在那裏，頁面越長，它就不會移動。我的HTML代碼，

和css是.footer { \t背景顏色：＃F6861F; width：1920px; height：190px; 職位：固定; } – 2015-01-21 01:10:56

創建不同的CSS層

回答

相關問題