웹 페이지가 프레임에로드 된 경우 모든 스타일이 적용되지 않습니다. 그것은 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-shadow
및 border-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은 도움이되지 않습니다.
어쩌면 이것 좀보세요? [IE9의 상자 그림자가 올바른 CSS를 사용하여 렌더링되지 않습니다. Firefox, Chrome에서 작동합니다.] (http://stackoverflow.com/questions/5617455/box-shadow-on-ie9-doesnt-render-using-correct-css -works-on-firefox-chrome) – starvator
@starvator 그 자체 시나리오에서 작동하는지는 확실하지 않습니다. 자체 창에서 작동합니다. – ajeh
WTH에 대한 downvote? 마이크로 소프트 트롤? – ajeh