배경 이미지 : Firefox를 제외한 모든 곳에서 수정 됨

Question

새로운 웹 사이트에서 작업하고 있으며 장래에 시차를 적용하기 위해 배경 이미지를 수정하고 싶습니다.

여기 여기 내 html 코드

<div class="parallax image1"></div> 

의 그리고 나의 CSS를

모두가 크롬 (58), 마이크로 소프트 에지, 인터넷 익스플로러, 오페라와 사파리에서 잘 작동

.parallax { 
 
     height: 10em; 
 
     background-attachment: fixed; 
 
     background-position: center; 
 
     background-repeat: no-repeat; 
 
     background-size: cover; 
 
     -moz-background-size: cover; 
 
     -webkit-background-size: cover; 
 
     -o-background-size: cover top: 0; 
 
     left: 0; 
 
     z-index: -1; 
 
    } 
 
    .image1 { 
 
     background-image: url("https://d2wq73xazpk036.cloudfront.net/media/27FB7F0C-9885-42A6-9E0C19C35242B5AC/A7BC70EF-2E93-47DA-A355C4B22039324E/thul-6818f8f2-2711-5159-9648-cc23606b037c.jpg"); 
 
    }

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure sse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
 
    <div class="parallax image1"></div> 
 
    <p>Lorem ipsum dolor sit amet, aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

입니다. Firefox에서는 이미지가 표시되지 않습니다. 오른쪽 높이가 있지만 이미지가 아닙니다.

미리 감사드립니다.

편집 :이 추가 기능이 작동하지 않습니다.

html { 
    background-attachment: fixed;} 

Answer 1

이 당신을 도울 수 있지만 나는 내 사이트의 배경이를 사용하는 경우 나도 몰라

:

.image1 { 
     background: url(yourimage.jpg) background: url(http://wallpapercave.com/wp/7cDOsrQ.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
margin:0px; 
padding:0px;} 

이 전체 크기 배경이지만, HTML에 당신이 필요 의 this`

<div class="image1"></div>