2017-12-19 5 views
1

내가,인라인 CSS 스타일 나는이처럼 내 html 파일에 배치 할 때

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> 

<style type="text/css"> 
<![CDATA[ 
.st0{fill:#A0A0A0;} 
]]> 
</style> 

<path class="st0" d="M92.6,0H7.4C3.3,0,0,3.2,0,7.2v85.6c0,4,3.3,7.2,7.4,7.2h85.2c4.1,0,7.4-3.2,7.4-7.2V7.2C100,3.2,96.7,0,92.6,0 
z M29.7,85.2H14.8V37.5h14.8V85.2z M22.2,31c-4.8,0-8.6-3.9-8.6-8.6c0-4.7,3.8-8.6,8.6-8.6c4.7,0,8.6,3.9,8.6,8.6 
C30.8,27.1,27,31,22.2,31z M85.2,85.2H70.4V62c0-5.5-0.1-12.7-7.7-12.7c-7.7,0-8.9,6-8.9,12.3v23.6H39V37.5h14.2V44h0.2 
c2-3.8,6.8-7.7,14-7.7c15,0,17.8,9.9,17.8,22.7V85.2z"/> 
</svg> 

그러나 간단한 SVG가 특정 파일 이름으로 SVG에 적용되는 나타나다. HTML을 검사하면 이미지를로드 할 수없고 다음과 같은 인라인 스타일이 HTML img 요소에 추가되었음을 알 수 있습니다.

style="display: none !important;" 

합니다 (HTML 실제 파일과의) 파일 이름 변경이를 해결하지만 난 여기에 무슨 일이 일어나고 있는지 궁금하네요? 파이어 폭스 (57.0.1)에서만 발생하는 것으로 보인다.

+0

adblocking 소프트웨어를 사용하고 있습니까? 작동해야합니다 https://jsfiddle.net/honsa/5tao1sog/ –

+1

예! 고마워. 내 adblock은 linkedin 또는 기타 일반 광고에 대한 언급을 차단해야합니다. – jordanm

+0

환영합니다.이 문제에 익숙합니다. :) –

답변

1

adblocking 소프트웨어를 사용하고 있습니까? 작동해야합니다. jsfiddle.net/honsa/5tao1sog

관련 문제