2013-06-26 3 views
2

나는 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 및 환경을 통해 제공된다는 점입니다. 이것은 실제 근본 원인보다 우연한 것처럼 보입니다.

나는 꽤 혼란 스럽다. 누구든지 어떤 제안이나 비슷한 경험이 있습니까?

+2

두 경우 모두 효과적인 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

+0

예, 페이지의 CSS 매개 변수를 파헤 봤습니다. 그들은 동일하지만 둘 다 이상한 인공물을 가지고 있습니다. 두 개의 값을 같은 줄에 겹쳐 씁니다. 이미지보기 : [Image] (http://tinypic.com/r/o5rxna/5) WAS의 HTTP 로그를 살펴보고 어떤 것이 있는지 확인해야합니다. – Durandal

+1

CSS 파일을 작성하는 데 사용하는 운영 체제가 WAS가 실행되는 운영 체제와 동일합니까? 그것들이 다른 경우, 줄 끝 문자가 제대로 변환되지 않을 수 있습니까? – fnt

답변

1

이렇게하면 로컬 컴퓨터가 신뢰할 수없는 사이트에서 "보호 모드"를 사용하는 IE의 문제가 발생했습니다. IE 불투명도 해킹은 외부 .DLL 파일을 사용해야하며 IE는 보호 모드가 활성화되지 않은 상태에서 그런 일이 발생하도록 허용하지 않습니다. 이것은 누군가의 머신이 생산에서 올바르게 작동하고 신뢰할 수있는 목록에 추가 된 사이트를 발견했을 때만 해결되었습니다.