나는 IE8 & Websphere 6.1을 다루는 기괴한 불투명도 문제가 있습니다.모호한 IE8 불투명도 문제
특정 화면의 모달 유형 대화 상자가있는 매우 기본적인 불투명 설정이 있습니다. 백그라운드에서 화면 상단에 불투명 한 div를 두어 사용자가 컨트롤을 클릭 할 수는 없지만 볼 수 있도록 한 다음 & 대화 상자를 추가하여 질문에 대답하도록합니다. 매우 기초적이었고 쉽게 할 수있었습니다.
.dialogBox {
position: absolute;
width: 350px;
margin: auto;
z-index: 1;
background-color: white;
border-top:12px solid;
border-top-color: #ffd93f;
border-left: 2px solid;
border-right: 2px solid;
border-bottom: 2px solid;
border-color: #ffd93f;
padding: 8px;
top: 40%;
left: 40%;
font-family: arial;
font-size: 8pt;
}
이 제도는 모든 걸쳐 개발에서 잘 작동합니다
.wipeOutDiv {
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
background-color: #d9d9d9;
filter: alpha(opacity=70);
opacity: 0.70;
}
이 대화 상자를 만드는 데 사용되는 CSS입니다 :
이
은 위에서 설명한 불투명 한 효과를 만드는 데 사용되는 CSS입니다 브라우저. 로컬로 내 컴퓨터에서 잘 작동하며 통합 환경에서도 잘 작동합니다. 나는 분명히 생각했다.그러나 일단 우리의 ST 환경 이상이되면 IE8에서 불투명도가 제대로 작동하지 않습니다. Chrome & FF로는 여전히 정상적으로 작동하지만 IE8이 제대로 작동하지 않습니다. 'wipeOutDiv'CSS 클래스를 사용하는 div는 완전히 단색이되어 이상하게 보입니다. 나는 IE의 브라우저 모드와 문서 모드로 꾸미기를 시도했지만, 내가 바꾸었던 것은 그 환경에서 작동하지 않았다.
환경 간 DOM 문서를 비교해도 동일합니다. 나에게 남아있는 유일한 변수는 Application Server 자체이며,이 경우 Websphere 6.1입니다. 한 가지 차이점은 작동하는 환경이 https가 아닌 http 및 환경을 통해 제공된다는 점입니다. 이것은 실제 근본 원인보다 우연한 것처럼 보입니다.
나는 꽤 혼란 스럽다. 누구든지 어떤 제안이나 비슷한 경험이 있습니까?
두 경우 모두 효과적인 CSS 매개 변수를 비교 했습니까? 어떤 이유로 든 CSS 리소스 파일이 HTTPS를 통해 제대로로드되지 않는다고 생각할 수 있습니다. WAS에서 HTTP 액세스 로그를 사용 가능하게하고 오류를 점검하는 것이 좋습니다 - http://pic.dhe.ibm.com/infocenter/wasinfo/v6r1/topic/com.ibm.websphere.base.doc/info/aes/ae /utrb_httperrlogs.html – fnt
예, 페이지의 CSS 매개 변수를 파헤 봤습니다. 그들은 동일하지만 둘 다 이상한 인공물을 가지고 있습니다. 두 개의 값을 같은 줄에 겹쳐 씁니다. 이미지보기 : [Image] (http://tinypic.com/r/o5rxna/5) WAS의 HTTP 로그를 살펴보고 어떤 것이 있는지 확인해야합니다. – Durandal
CSS 파일을 작성하는 데 사용하는 운영 체제가 WAS가 실행되는 운영 체제와 동일합니까? 그것들이 다른 경우, 줄 끝 문자가 제대로 변환되지 않을 수 있습니까? – fnt