2013-05-16 8 views
1

Firefox에만 해당하는 CSS background-image (또는 심지어는 background)을 설정할 수 있습니까?CSS 배경 이미지가 Firefox에만 해당합니까?

.myClass 
{ 
    background-image: url(../images/1.svg); 
    -moz-background-image: url(../images/1.png); } 
} 

을하지만 방화범은 계시 : 나는 -moz-background-image를 지정 시도

알 수없는 속성을 '모즈 - 배경 이미지'. 선언이 내려졌습니다.

다른 방법이 있습니까?

+4

왜이 작업을 원하십니까? Firefox는 SVG 배경 이미지를 지원하는 데 문제가 없습니다. – BoltClock

+0

그것이 내가 생각한 것입니다. 그러나 여러 SVG 그래픽이 포함 된 페이지가 있는데 Jquery Draggable을 사용하여 페이지를 드래그하여 (Google Maps와 유사) Firefox에서 거의 사용할 수 없습니다. 그것은 거의 완전하게 잠그고 끌기는 거의 작동하지 않습니다. Firefox에서만 문제입니다. 그래서 테스트로서 PNG를 다시 넣었고 (원래 사용 된) 예상대로 작동합니다. – lhan

+0

질문에 완전히 대답하기 위해 임시적인 반창고가되어 기본 문제를 추적 할 수 있습니다. – lhan

답변

2

이 시도 :

@-moz-document url-prefix() { 

    .myClass { 
     background-image: url(../images/1.png); 
    } 

} 

약간의 예 : 일부 사람들은 주석으로 http://jsfiddle.net/coma/TSQmj/

하지만 그 이상

, 파이어 폭스이 필요가 없다 (나는 이것을 테스트거야) :

http://css-tricks.com/using-svg/

웹킷도 있습니다 :

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    ... 

} 
+1

그래, 고마워! 전에'@ -moz-document url-prefix()'선언을 본 적이 없으며 Visual Studio **에서는 구문을 싫어합니다! :) – lhan

+0

또 다른 트릭 ** 웹킷도 있습니다. – coma

+1

Visual Studio를 슬프게 만들었습니다. 하하하 – coma

관련 문제