IE에서 CSS 요소 숨기기

IE 용 CSS의 배경 요소를 숨겨야합니다. 그것은 작동하지 않습니다IE에서 CSS 요소 숨기기

<!--[if IE]> 
      <style> 
     .navbar-header .nav #presentacion { 
     display: block; 
     height: 20px; 
     margin-top: 20px; 
     background: none;} 
    </style> 
    <![endif]-->

이

은

.navbar-header .nav #presentacion { 
    background:url("../img/horiz-line.png") no-repeat scroll 108px 20px transparent; 
    display: block; 
    height: 20px; 
    margin-top: 20px; 
}

내가 페이지 hidding의 헤드 섹션에서이 부분을 CSS를 삽입,이 방법을 사용하려면를 CSS 파일의 클래스입니다 , 배경은 여전히 IE에 표시됩니다, 내가 뭘 잘못하고 있니?

출처

2012-08-22 Koala7

당신은 전이나 외부 CSS 스타일 시트에 링크 한 후 IE에만 스타일을 선언하고 있습니까? –

이'background : none! important;를 시도해주세요. –

는 스타일 블록 전체를 반복 할 필요가 없으며 background : none 만 반복하면됩니다. 해야 할 것. 그리고 실제로 HTML의 머리 부분 안에있는 링크 된 스타일 시트 뒤에 있는지 확인하십시오. – Pevara

일반적인 스타일 시트보다 먼저 선언하고 덮어 썼을 수 있습니다. 이것을 시도하십시오 :

<!--[if IE]> 
    <style> 
    .navbar-header .nav #presentacion { 
     display: block; 
     height: 20px; 
     margin-top: 20px; 
     background: none !important; 
    } 
    </style> 
<![endif]-->

출처

2012-08-22 09:55:07

역 방법을 사용하십시오. 배경 이미지를 표시하려는 클래스에! IE 클래스를 적용하십시오. 이것은 IE가 아닌 브라우저에서만 렌더링됩니다.

<!--[if !IE]> --> 
    <style> 
    .navbar-header .nav #presentacion { 
    background:url("../img/horiz-line.png") no-repeat scroll 108px 20px transparent; 
    display: block; 
    height: 20px; 
    margin-top: 20px; 
    } 
    </style> 
<!-- <![endif]-->

출처

2012-08-22 09:57:55

좋은 제안! 더 효과적이긴하지만 멋진 곳은 어디에도 없습니다 ... 당신이 타겟팅하는 IE의 버전을 파악하고 직접 타겟팅하십시오. 그건 NOT 연산자의 훌륭한 쇼였습니다. 잘했다. 선생님! – albert

<!--[if IE]> 
      <style> 
     .navbar-header .nav #presentacion { 
     display: block; 
     height: 20px; 
     margin-top: 20px; 
     background-image: none !important;} 
    </style> 
    <![endif]-->

출처

2012-08-22 10:03:42 Prashobh

IE 10 + conditionnal 스타일을 지원하지 않습니다.

<style> 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    /* IE10+ styles */ 
    .navbar-header .nav #presentacion { 
     display: block; 
     height: 20px; 
     margin-top: 20px; 
     background: none;} 
} 
</style>

더 많은 정보를 원하시면 여기 : 그래서 당신은 IE10 +이를 사용해야합니다 How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?

출처

2017-05-17 15:00:20 nxplace

IE에서 CSS 요소 숨기기

답변

관련 문제