2014-09-30 7 views
-1

웹 페이지가 프레임에로드 된 경우 모든 스타일이 적용되지 않습니다. 그것은 div 요소에 대해 다음과 같은 스타일 시트를 사용 IE9에서 프레임을 열었을 때 프레임이 불규칙 모드로 바뀌는 경우 모든 CSS 스타일이 적용되지 않음

div.super{ 
    position:absolute; 
    font-family: Helvetica; 
    font-size: 0.75em; 
    padding:4px; 
    overflow:auto; 
    width:280px; 
    min-height:110px; 
    background:rgb(219, 142, 83); 
    box-shadow: 10px 10px 5px rgb(150, 142, 155); 
    border:2px solid rgb(219, 142, 83); 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    border-radius:10px; 
} 

<link href="/Styles/hart_divs.css" type="text/css" rel="stylesheet" /> 

내 목표 브라우저가 IE 9 (기업 정책 기준)이며 모든 것을 적용되지만, box-shadowborder-radius으로 적용. 새 창에서 같은 페이지를 열면 모든 것이 적용됩니다. FF는 프레임 안의 모든 것을 적용합니다.

프레임 안에 그림자와 둥근 모서리를 적용하도록 IE9를 강제로 설정할 수있는 방법이 있습니까?

아, 그리고 내 문서 유형은 다음과 같습니다

<!DOCTYPE html> 

편집 : 프레임에 뭔가가 Quircks (Page Default) 문서 모드로 IE9 퍼팅 것 같다. IE9 모드로 전환하면 스타일 시트가 완전히 적용됩니다.

최상위 프레임 세트 문서에 문서 유형이 누락되어 추가되었습니다. 최상위 프레임, 탐색 프레임 등 내 프레임을로드 : 대신 기본적으로 쿼크 모드로가는 지금, 그것은 내가 관여 할 수 각각의 모든 페이지

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

을 추가하는 시도에도 불구하고, IE7 모드로 전환 내 문서에는 항상 메타 태그가 있습니다.

그래서 모든 것을 조사한 후에 문제는 IE9를 IE7 모드에서 강제로 해제하는 방법입니다.

http://msdn.microsoft.com/en-us/library/ff405803%28v=vs.85%29.aspx은 도움이되지 않습니다.

+0

어쩌면 이것 좀보세요? [IE9의 상자 그림자가 올바른 CSS를 사용하여 렌더링되지 않습니다. Firefox, Chrome에서 작동합니다.] (http://stackoverflow.com/questions/5617455/box-shadow-on-ie9-doesnt-render-using-correct-css -works-on-firefox-chrome) – starvator

+0

@starvator 그 자체 시나리오에서 작동하는지는 확실하지 않습니다. 자체 창에서 작동합니다. – ajeh

+0

WTH에 대한 downvote? 마이크로 소프트 트롤? – ajeh

답변

0

지금까지 작동 한 유일한 것은 Tools/Compatibility View SettingsDisplay Intranet sites in Compatibility View 체크 박스가 아닌 메뉴로 이동했습니다.

프로그래밍 방식의 솔루션을 찾고 있습니다. 이는 사용자 별 해결 방법 일뿐입니다.