2017-01-23 18 views
-1

불행히도 8 개의 무서운 IE에서 작동하는 사이트를 만들어야합니다. 8시 이후에는 오랜 시간이 걸리므로 다음과 어려움을 겪고 있습니다. 어떻게해야합니까, IE8에서 요소를 표시하고 숨기려면 어떻게해야합니까?

$(".hp_header #bgvid, .hp_header .cd-background-wrapper").hide(); 
$(".hp_header .respy").show(); 
$(".hp_header #bgvid, .hp_header .cd-background-wrapper").css("display", "none"); 
$(".hp_header .respy").css("visible", "true"); 
$(".hp_header .respy").css("display", "block"); 
$(".hp_header .respy").css("width", "100%"); 

불행하게도 가시성 및 표시 옵션을 완전히 IE8에서 무시됩니다 :

나는 오래된 브라우저에서 다음 스크립트를 실행하는 Modernizr Check을 사용하고 있습니다?

+1

귀하의 질문이 명확하지 않다. 그 중 어떤 부분이 작동하지 않습니까? 이 코드가 실행되는 DOM은 무엇입니까? –

+1

*** *** .respy가 기본으로''inline-block' 또는''inline' ('span'과 같은) 요소 인 경우 IE8에서'block'으로 취급 할 수 없습니다. 그것은 구식 IE의 현실입니다. 또한'visible' CSS 속성 ('visibility'가 있지만'true' 값을 가지지 않고'visible','hidden' 또는'collapse')을 가지고 있습니다. –

+2

[visibility] (https://developer.mozilla.org/en/docs/Web/CSS/visibility) 및 [display] (https://developer.mozilla.org/en-US/docs/Web/CSS/) 디스플레이)는 IE4에서 작동하므로 아무런 문제가 없어야합니다. 문제가 무엇인지 정확하게 설명 할 수 있습니까? –

답변

1

아마 당신이 찾고있는 대답이 아니라 더 많은 제안입니다. 당신은 모든 CSS를이처럼 할 수있는, 그런 다음이

<!DOCTYPE html> 
<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]--> 
<!--[if IE 7 ]> <html class="ie ie7"> <![endif]--> 
<!--[if IE 8 ]> <html class="ie ie8"> <![endif]--> 
<!--[if IE 9 ]> <html class="ie ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> 

같은 조건 HTML 문을 사용할 수 있습니다

.ie8 .hp_header #bgvid, 
.ie8 .hp_header .cd-background-wrapper { 
    display:none; 
} 

.ie8 .hp_header .respy { 
    display:block; 
    width:100%; 
    visibility:visible; 
}