이미지가 Firefox에 표시되지 않습니다.

Question

사이트를 만들었습니다. http://www.samenwerkendepsychologenamsterdam.nl/ 잘 작동하지만 CSS + HTML은 훌륭하지 만 작동합니다.

어느 쪽이든, 헤더 (큰 이미지)에 대해 배경 이미지가있는 빈 고정 크기 div를 만들었습니다.

HTML :

<div id="header"></div> 

CSS :

div#header { 
content:url('images/header1.jpg'); 
width: 900px; 
height: 193px; 
margin-top:57px; 
} 

이미지 등 사파리, 크롬, 괜찮 있지만 파이어 폭스에 나타납니다.

도움을 주시면 대단히 감사하겠습니다. 미리 감사드립니다.

Answer 1

CSS content property의 background보십시오. 스타일 시트에 content 대신 background-image을 사용해야합니다.

Answer 2

는 ::after 및 ::before 선택기 만 허용하는 대신 content