2015-01-22 2 views
0

Mozilla Firefox에 문제가 있습니다. 내 웹 사이트에 다음 내용이 포함되어 있습니다. url(); 태그는 Chrome, Opera에서 제대로 작동하지만 Mozilla Firefox 및 Explorer에서는 작동하지 않습니다. URL을() 배경 :Mozilla Firefox content : url() failure

<div class="img"></div> 

    .img{ 
    content:url("http://animalia-life.com/data_images/wallpaper/wolf-wallpaper/wolf-wallpaper-05.jpg") no-repeat; 
} 

JSFiddle

유일한 해결책은 내가 내용을 변경할 수 있습니다 URL을()?

+0

[콘텐츠 URL이 파이어 폭스에서 작동하지 않습니다]의 중복 가능성 (http://stackoverflow.com/questions/12262118/content -url-is-not-working-in-firefox) –

답변

0

나는 이것이 꽤 오래된 질문이라는 것을 알고 있지만, 다른 사람들이이 문제를 가지고있는 경우를 대비해서 대답하고 싶습니다. Firefox의 경우 background : url() (더 쉽습니다)을 사용할 수 있습니다. Mozilla는 Chrome과 동일한 방식으로 콘텐츠 CSS 속성을 보지 않으며 다른 브라우저에서도 볼 수 있습니다. 컨텐트 코드를 사용하려면 before 및 after 특성을 사용해야합니다.

당신은 모질라 여기 컨텐츠 속성을 보는 방법에 대한 문서를 볼 수 있습니다 : Mozilla CSS Content Property

관련 문제