두 개의 배경 이미지. BODY의 HTML 중 하나. Firefox에서 본문 이미지가 렌더링되지 않았습니다

이상한 일이 일어나고 있습니다.두 개의 배경 이미지. BODY의 HTML 중 하나. 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; 
}

이 무엇 크롬과 파이어 폭스는 보여줍니다 enter image description here

어떻게 이 문제를 해결할 수 있습니까?

firefox로 "검사"를 시도하고 HTML에서 "background.png"을 제거하려고 시도하면 "telefonillo.png"가 나타납니다.

몸에 "z- 색인 : 1"시도했지만 내용이 전혀 없으므로 작동하지 않습니다.

편집 : 모든 div와 다른 CSS를 제거하려고했지만 규칙 사이에 문제가 발생했지만 여전히 발생합니다.

출처

2013-02-11 Reinherd

처럼 전에 사용하지 않는? 달성하고자하는 것은 무엇입니까? jsfiddle를 볼 수 있을까요? – estrar

기본적으로 배경 이미지가 모두 표시되기를 원합니다. 제목에서 알 수 있듯이 두 이미지는 Firefox에서 표시되지 않습니다. – Reinherd

코드가 없으면 분석 할 수 없지만 신체 또는 그와 비슷한 요소를 플로팅 했습니까? –

당신은 왜 당신이 같이 할 어떻게이

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

을 당신이 시도 앞 – iConnor

에 어떤 이미지에 따라에 Z- 인덱스를 설정해야 할 수도 있습니다. Z-Index도 시도해 보았습니다. 이전과 그 자체. – Reinherd

해결되었지만 본체에 100 % 너비와 100 % 너비를 설정하여 – Reinherd

은 아마도 당신은 HTML 문서의 머리 속에 다음과 같은 태그를 추가해야합니다

<meta charset="utf-8"> 

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

어쨌든,이 과거에 이런 이상한 문제에 도움이되었습니다. 나는 그것이 누군가를 돕기를 바란다.

출처

2013-02-11 20:05:03

은 감사하지만, 둘 다 작동하지 않습니다 :( – Reinherd

두 개의 배경 이미지. BODY의 HTML 중 하나. Firefox에서 본문 이미지가 렌더링되지 않았습니다

답변

관련 문제