我是多麼提出以上內容

身體背景圖片在做這個website（與WordPress builted），我想設置這個image作爲一個固定的左背景以上整個網站的內容。我是多麼提出以上內容

通過CSS我想要這個

body { 
background-image: url("http://birsmatt.ch/de/wp-content/uploads/2016/04/bg_left.png"); 
background-position: left; 
background-repeat: no-repeat; 
z-index: 1; 
}

...但z-index不工作。

任何提示？

感謝您的建議。

來源

2016-04-26 ScemuFessa

身體內部是您的整個網站內容。所以如果你設置一個背景，它將落在身體的所有內容之後。

您可以使用正文的大小在正文內創建一個新元素，並給出您想要的背景。

例子：

#background { 
 
    background-image:url('http://birsmatt.ch/de/wp-content/uploads/2016/04/bg_left.png'); 
 
    background-position:left; 
 
    background-repeat:no-repeat; 
 
    
 
    height:100%; 
 
    width:100%; 
 
    z-index:1; 
 
    position:absolute; /* make it overlap your website content */ 
 
}

<body> 
 
    
 
    <div id='background'></div> 
 
    
 
    <div id='rest of your content'> 
 
    ... 
 
    </div> 
 

 
</body>

來源

2016-04-26 20:51:43 user3722860

或者使用一個僞元素，以避免額外的標記：'體：before' – isherwood

@isherwood - 我想同樣的，而是取決於是否OP要支持舊版瀏覽器 – EdwardM

另外，我不確定要將寬度設置爲100％，div覆蓋整個頁面，因此您無法與其進行交互（單擊鏈接）。也許將寬度設置爲60px？ https://jsfiddle.net/9dhgo1u1/3/ – EdwardM

我是多麼提出以上內容

回答

相關問題