CSS 배경 이미지로드에 대한 이해가 필요합니다.

Question

다음의 CSS 배경 이미지는 어떤 경우에로드되고로드되지 않을지 알고 싶습니다. 짧은 답변에서 "왜"를 설명 할 수 있다면 매우 도움이 될 것입니다.

lso, 다음과 같은 상황에서 CSS 배경 이미지를로드 할 때 브라우저 간의 차이점을 알고 있다면 알려주십시오.

상황 imagetwo.jpg 울드 W 01

div { height: 300px; } 
.classone { 
    background-image: url("imageone.jpg"); 
} 
.classtwo { 
    background-image: url("imagetwo.jpg"); 
} 

<div class="classone"></div> 

이 경우에로드 할?

상황 imageone.jpg 울드 W 02

div { height: 300px; } 
.classone { 
    background-image: url("imageone.jpg"); 
} 
.classone { 
    background-image: none; 
} 

<div class="classone"></div> 

이 경우에로드 할?

N OTE 다음 background-image: none이 지난 온다 무엇, 발생 일반적으로 CSS에서 background-image: url("")

Answer 1

후에 온다. 따라서 솔루션 02에서는 "classone"의 두 번째 정의가 첫 번째 정의를 대체합니다.

편집

브라우저를 수행하는 동안 전체 CSS는 먼저, 그 다음에 필요한 이미지를 다운로드 다운로드합니다. 브라우저가 배경 이미지를 대체했다는 사실을 알게되면이를 무시하지 않습니다.