IE가 배경 이미지 스타일에 스타일을 추가하고 있습니다.

Question

아래의 스크린 샷을 첨부하여 문제를 재현했습니다. 배경 이미지 스타일을 가지고있는 어떤 이유로 IE8은 같은 선택기에서 다른 스타일을 가져 와서 배경 이미지 스타일 뒤에 추가합니다. 이로 인해 일부 페이지에서 문제가 발생합니다.

내 HTML은 간단하다 :

<div>test</div> 

(헤드 태그) 내 CSS는 다음과 같습니다

<style type="text/css"> 
div { 
height: 200px; 
width: 200px; 
background-image:url("breadcrumb_location.jpg"); 
border: 1px solid green; 
font-family:"Courier New", Courier, monospace; 
} 
</style> 

그리고 여기 당신은 왜 경계가 표시되어 IE8의 개발자 도구를 볼 수 있습니다 배경 이미지 스타일에 대한 동일한 줄 끝에서? 이 문제를 해결하기 위해 별도의 selector (예 : div {background-image : url ("some-image.jpg");})를 만들 수 있지만이 모든 작업을 수행하고 싶지는 않습니다.

Answer 1

나는 전체 배경 속기를 사용하는 경우이 버그가 사라질 것을 발견했다. 내 페이지에 많은 배경 이미지가 있기 때문에 이상적인 솔루션이 아니므로 궁극적으로 불필요한 CSS를 더 큰 CSS 파일로 만드는 것을 추가합니다 (예, 모든 비트 수가 중요합니다. 특히 수백 또는 그 이상의 배경 이미지가있는 경우).

어쨌든 누구든지이 버그에 대해 더 나은 픽스를 제안 할 수 없다면 (그리고 다른 누구도 CSS 속기를 모른다면) 배경 이미지가

으로 변경되고 있습니다.

background: white url("breadcrumb_location.jpg") no-repeat top left;