브라우저로 Lotus 웹 문제가 발생했습니다.

Question

예를 들어 hid-whens에 대해 display.none을 사용하고 있는데, 모든 숨겨진 필드가 섹션에 보관되어 있고 섹션이 Display.none을 사용하여 웹에서 숨겨졌습니다.

IE 9에서는 작동하지만 IE 10에서는 모든 숨겨진 필드가 표시됩니다.

누구든지이 문제에 도움을 줄 수 있습니까? 모든 대안 또는 접근법.

Answer 1

섹션 요소가 숨겨진 것처럼 들립니다. 코드를 보지 않고서도 내가 9와 10 사이의 변화가 왜 버전간에 다양한 동작을하는 것으로 유명했는지 말할 수는 없습니다.

마음에 드는 하나의 대안 : HTML을 통과하여 DIV 요소의 섹션과 필드를 래핑하고 해당 div의 스타일을 표시하도록 설정할 수 있습니다. 없음. 그것은 꽤 표준이며 브라우저에서 작동해야합니다.

업데이트 : 내가 무슨 말을하고 있는지 알려면 jsfiddle을 확인하십시오.

HTML :

<form> 
    <div class="wrapper"> 
     <input type="text" name="Field 1" /><br /> 
     <input type="text" name="Field 2" /><br /> 
     <input type="text" name="Field 3" /> 
    </div> 

    <span>Some text that won't be hidden.</span> 
</form> 

CSS : 심지어

당신은거야 IE 10에서, 아무도 그 차이를 볼 : 당신은 디스플레이 옆에있는 #을 제거 할 수 있습니다

.wrapper { 
    #display:none; 
} 

도미노에 의해 렌더링되는 HTML을 면밀히 살펴보고 숨기려고하는 모든 필드가 숨겨진 DIV로 둘러싸여 있는지 확인해야합니다.

Answer 2

페이지를 보지 않고도 추측하기가 매우 어렵습니다.

• 많은 온라인 html 검사기 중 하나를 통해 html의 유효성 검사를 시도하십시오. 어떤 것이 닫히지 않을 수도 있고 Notes가 원하지 않는 코드 추가를했을 수도 있습니다.
• css # 래퍼에 배경색을 추가하여 CSS가 호출되는지 확인하십시오.
• 양식 사본을 가지고 한 번에 한 섹션 씩 다른 요소를 모두 제거하여 다른 문제가 원인인지 확인하십시오.
• 최상위 메타 태그로 {meta http-equiv = "X-UA 호환"콘텐츠 = "IE = 10, IE = 9, IE = 8, IE = 7, IE = EDGE"/} 그것이 고칠 수 있다면. 분명히 중괄호를 교체하십시오.

이 문제를 가장 잘 찾아냅니다.