CSS3背景圖片不在身後？

我有一個背景圖片，當我將它寫入我的身體標記中時，背景圖片可以工作，但它與我身體上的文字重疊。我想把它放在身體後面，我嘗試使用background-position，它不起作用。我如何將背景圖像放在身體後面，使其不重疊？CSS3背景圖片不在身後？

body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 87.5%; 
    width: 800px; 
    background-color: #ffffff; 
    border-color: #000000; 
    box-shadow: #000000; 
    background: url(../images/bats.gif) center; 
    background-position: bottom; 
    text-align: center; 
    margin: 1em auto; 
    border: 5px black; 
    box-shadow: 3px 3px 3px 3px; 
}

來源

2014-03-24 TM3030

我們可以看到一些代碼嗎？ – zorza

_「當我將它寫入我的身體標記中時，背景圖片可以工作，但它與我身體上的文字重疊」_ - 然後您必須弄亂某些東西 - 這對背景圖片來說不是正常行爲（它在背景中是_is_如名稱所述）。你有沒有把你的內容絕大部分放在什麼位置？ _「我想把它放在身體後面，我嘗試了使用背景位置並且它不工作」_--當然不是，因爲'background-position'用於定位在x軸和y軸上，而不是z軸。 – CBroe

我想你的代碼，它的工作（背景圖像是文本後面）see here。

或您可以將背景添加到您的html標籤。

DEMO

html 
{ 
background: url("paste your image url here"); 
}

增加：如果您希望背景圖像覆蓋整個屏幕（瀏覽器），你可以使用背景尺寸：蓋;

祝您好運！（對不起，如果這不符合你的要求）。

來源

2014-03-25 02:57:40 QieynaYeen

CSS3背景圖片不在身後？

回答

相關問題