특정 브라우저에서 무언가가 사라진다.

Question

내 웹 사이트에 img src가 있는데, 브라우저 간 호환성 문제가 있음을 발견했습니다. JavaScript가있는 브라우저를 감지하는 방법이 있지만 Internet Explorer 및 Firefox에서 이미지가 사라지도록 만드는 방법이 있습니까? 그것은 구글 크롬에서 잘 작동하는 것 같다. IE에 대한

Answer 1

기본 숨겨진는, 다시 웹킷 특정 CSS 사용하여 보여대로 설정할 수 있습니다 :

#someImage { 
    display: none; 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #someImage { 
     display: inline; /* Or whatever else you may have set it to */ 
    } 
} 

Answer 2

:

<!--[if IE 8]> <link href="/ie8.css" rel="stylesheet" type="text/css"> <![endif]--> 
<!--[if IE 9]> <link href="/ie9.css" rel="stylesheet" type="text/css"> <![endif]--> 

파이어 폭스

에 대한

@-moz-document url-prefix() { 
    #my-id { display:none; } 
}