CSS - 배경 - 크기는 JPG 확장자 작동하지

Question

.baner { 
    background-image: url('ban.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    position: fixed; 
    width: 100%; 
    height: 35%; 
    top: 60px; 
} 

이 배경에 커버를 할하지만 png 이미지를 수행 할 때 그것은 작동 내가 이해하지 않을 것이다 이유 : 잘

.baner { 
    background-image: url('ban.png'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    position: fixed; 
    width: 100%; 
    height: 35%; 
    top: 60px; 
} 

Answer 1

작품 완벽 나를 위해, 어쩌면 당신은

div.one { 
 
    width:100px; 
 
    height:100px; 
 
    background-image:url(http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg); 
 
    background-position:center; 
 
    background-repeat:no-repeat; 
 
    background-size:cover; 
 
} 
 
div.two { 
 
    width:500px; 
 
    height:500px; 
 
    background-image:url(http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg); 
 
    background-position:center; 
 
    background-repeat:no-repeat; 
 
    background-size:cover; 
 
}

<div class="one"> 
 
    
 
</div> 
 
<div class="two"> 
 
    
 
</div>

... 아마 .jpg 또는 무언가로 이미지를 저장하지 않습니다