兩個背景圖像。一個在HTML中，一個在BODY中。在Firefox的身體圖像沒有呈現

發生了一些奇怪的事情。兩個背景圖像。一個在HTML中，一個在BODY中。在Firefox的身體圖像沒有呈現

我有一個基本的html代碼。 HTML，頭，身體。（正如我已經收到了一些負面的投票，以下是完整代碼）

<html> 
<head> 
</head> 
<body> 
</body> 
</html>

這是我的CSS：

html { 
    background-image: url(background.png); 
    background-repeat: repeat; 
    margin-top:-8px; 
} 
body { 
    background-image: url(telefonillo.png); 
    background-repeat:no-repeat; 
}

這是Chrome和Firefox顯示： enter image description here

如何我能解決這個問題嗎？

我試圖用firefox「檢查」，並試圖從HTML中刪除「background.png」，然後出現「telefonillo.png」。

身體上試過「z-index：1」，但沒有工作，因爲它根本不滿足。

編輯：我也嘗試刪除所有的div和其他css，因爲任何規則之間都存在某種問題，但它仍然在發生。

來源

2013-02-11 Reinherd

你怎麼想它是什麼樣子？你想實現什麼？我們可以看到一個jsfiddle嗎？ – estrar 2013-02-11 19:47:06

基本上我想要兩個背景圖像都顯示出來。正如標題所說，這兩個圖像都沒有用Firefox顯示。 – Reinherd 2013-02-11 19:48:31

沒有代碼就不可能分析，但是你是否已經將元素放在了身體之後呢？ – 2013-02-11 19:49:46

你爲什麼不前使用這樣

body:before { 
    content:""; 
    background:url(background.png) no-repeat top left; 
    width:100%; 
    height:100%; 
} 
body { 
    background:url(telefonillo.png) no-repeat top left; 
    width:100%; 
    height:100%; 
}

來源

2013-02-11 20:08:07 iConnor

您可能需要設置的z-index這取決於在前面 – iConnor 2013-02-11 20:10:03

嘗試什麼樣的形象上。沒有工作，甚至嘗試過Z-Index。之前和自己。 – Reinherd 2013-02-11 20:12:42

解決了它，但通過設置100％身高和100％身寬。 – Reinherd 2013-02-11 20:16:14

也許你需要添加HTML文檔的頭部內的以下標籤：

<meta charset="utf-8"> 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

無論如何，這幫助我在過去像這樣怪異的問題。我希望它能幫助那裏的人！

來源

2013-02-11 20:05:03

謝謝你，但它無法正常工作既不:( – Reinherd 2013-02-11 20:08:27

兩個背景圖像。一個在HTML中，一個在BODY中。在Firefox的身體圖像沒有呈現

回答

相關問題