설정 녹아웃 배경 - 이미지 : 크롬에서 작동하지만 다른 브라우저

Question

좀 div의에 배경 이미지 설정 녹아웃을 사용하고 있습니다 :

<div class="values" data-bind="foreach: values" > 
    <div class="cvsection" data-bind="style: {'background-image': backgroundimg}" style="background-repeat: no-repeat; background-size:100%;background-repeat: no-repeat; background-position: center bottom;"> 

    <!-- Stuff inside the div --> 
    </div> 
</div> 

내 뷰 모델에서, 각 값은() 속성을 가지고 like :

backgroundimg: 'url(i/img.jpg)' 

Chrome 및 IE9에서는 배경 이미지가 예상대로 표시되지만 Firefox 15 또는 IE8에서는 표시되지 않습니다. 콘솔이나 아무것도 자바 스크립트 오류가 표시되지 않습니다.

이것이 녹아웃 또는 다른 CSS 문제로 인한 문제라고 생각하십니까? 어떤 도움을 주시면 감사하겠습니다!

Answer 1

나는 당신의 조각이 documentation에 따르면

<div class="values" data-bind="foreach: values" > 
    <div class="cvsection" data-bind="style: {backgroundImage: backgroundimg}" style="background-repeat: no-repeat; background-size:100%;background-repeat: no-repeat; background-position: center bottom;"> 

    <!-- Stuff inside the div --> 
    </div> 
</div> 

로 변경 '이미지가 배경'backgroundImage의

해야한다고 가정

당신은을 적용 할 경우 글꼴 가중치 또는 텍스트 장식 스타일 또는 다른 스타일의 이름 합법적 인 자바 스크립트 식별자가 아님 (예 : 에 하이픈이 포함되어 있음) 의 자바 스크립트 이름을 사용해야합니다.

Answer 2

가 말할 때,보고 here을 가지고 :

참고 : 이름 법적 자바 스크립트 변수 이름

당신이 글꼴 중량 텍스트 -을 적용 할 경우

이없는 스타일 적용 장식 스타일 또는 합법적 인 JavaScript 식별자가 아닌 다른 스타일의 (예 : 에 하이픈이 포함되어 있기 때문에) 해당 스타일의 에 대한 JavaScript 이름을 사용해야합니다. 예 :

{font-weight : someValue}; do {fontWeight : someValue}

{text-decoration : someValue}를 쓰지 마십시오. 쓰기 {textDecoration을 : someValue와} 할

그래서, 당신은 CSS 규칙 "배경 이미지"를 적용 할 경우, 당신은 녹아웃의 스타일 바인딩에서 "backgroundImage의"를 작성해야합니다.