IE8에서 css repeat-y가 작동하지 않습니다.

Question

div 태그를 사용하고 CSS를 적용하고 있습니다. DIV 배경 이미지를 보여주는 및 Mozilla 다른 브라우저에서 제대로 표시하지만 IE8 및 IE9에서 작동하지 않습니다되어

.testcss 
{ 
    background-image: url('images/imag2.gif'); 
    background-repeat: repeat-y; 
    background-position: bottom-left; 
    padding-left: 10px; 
    padding-right: 10px; 
} 

을 다음과 같이 div 태그를 검색

<div class="testcss"> 
</div> 

내 CSS 클래스입니다. 심지어 IE10에서는 정상적으로 작동합니다. background-repeat에 몇 가지 문제가 있습니다. repeat-y가 IE8 및 IE9에서 제대로 작동하지 않습니다. IE8과 IE9에서이 문제를 해결할 수있는 방법이 있습니까?

도움을 주시면 감사하겠습니다.

미리 감사드립니다.

감사합니다, 라훌 라티 ​​

Answer 1

내가 당신의 구문이 잘못 생각도없고 ..이 IE8 및 IE9에서 작동합니다 ... 시도 :

.testcss { 
    background: url('images/imag2.gif') bottom left repeat-y; 
    padding-left: 10px; 
    padding-right: 10px; 
} 

http://jsfiddle.net/feitla/85XFu/

PS를 - IE9에서 테스트 ... 배경이 잘 반복. 비어있는 div 실제로 설정된 높이/너비가 있는지 확인하십시오.

Answer 2

귀하의 구문이 잘못되었다는 사실에 @feitla에 동의합니다. bottom-left은 CSS의 백그라운드 속성에 존재하지 않으므로 사용할 수 없습니다.

은 이미 Y 축에서 반복되어 있고 컨테이너의 모든 높이에 걸쳐 있으므로 이 필요하지 않으므로 간단히 사용해야한다는 데 동의합니다.

마지막으로 중요한 것은 요소가 비어있는 경우 요소에 너비와 높이를 설정해야합니다 (그렇지 않으면 다른 태그가없는 것처럼). 그렇지 않으면 채우기 때문에 너비가 20 픽셀 밖에되지 않을 수 있기 때문입니다 왼쪽과 오른쪽.

나는이 코드에서 가져야 할 교훈은 코드를보다 명확하고 읽기 쉽게 만들어주기 때문에 속기 스타일을 사용하는 것이 더 안전하다고 생각합니다.

HTML

.testcss { 
    background: url('images/imag2.gif') repeat-y left; 
    padding: 0 10px; 
} 

그것이 CSS 많이 청소기와 더 많은 재미를 작성 만들면서 속기 코드를 사용하는 방법에 대해 자세히 알아

<div class="testcss"></div> 

CSS :

당신은 끝낼 것이다. .. 그리고 그것은 열심히 보일지도 모른다, here's a link to this specific issue and shorthand css for background.