5

IE9에서 DXIImageTransform 매트릭스를 사용하면 회전 텍스트가 픽셀 화됩니다. IE8이나 7에서는이 문제가 없습니다. 일반적으로 IE9에서는 css3 옵션을 사용하지만 내 컨트롤 외부의 이유 때문에 페이지가 단조 로움 모드로 표시됩니다 (유효 HTML5 iframe이 제 3 자 페이지에 포함되어 있지 않고 doctype이 있음)IEIM에서 DXIMageTransform.Microsoft.Matrix가 흐림

이 내가 사용하는 코드입니다 : IE8에서

<!--Looks like crap but is my only option in quirks mode--> 
<span style="position:absolute; 
    filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);"> 
    Does this make my butt look pixelated?  
</span> 

, 결과는 텍스트가 부드러운이지만, IE9에서 매우 픽셀 화의 회전. 나는 텍스트를 회전 할 수있는 방법, IE9 http://jsfiddle.net/U4CCD/3/

내 질문

<!-- looks great but doesn't work in quirks mode--> 
<span style="position:absolute; top:150px; -ms-transform: rotate(-45deg);"> 
    Does this make my butt look pixelated? 
</span> 

행동에 그것을보고 (쿼크 모드에서 작동하지 않는) 이 바이올린을 체크 아웃이에 비교 IE9에서는 쿼크 모드로 모든 픽셀이 흐릿 해 보이지 않습니다. 왜 매트릭스 변환은 IE9에서 빨기 시작 했나요?

만약 운이 좋으면 IE9를 실행하지 않아도됩니다. 이것이 제가보고있는 것입니다. 더 명확한 예는 IE8에서 어떻게 보이는지, css3 변환을 사용하여 어떻게 보이는지에 있습니다.

IE9 sucks

답변

4

궁극적으로 나는 이것이 단순히 내 현재의 구성이 완료되지 않을 수 있다는 것을 발견했다. 그러나 iframe에 임베드 된 객체에 유효한 html5 페이지를 래핑하여이 문제를 해결할 수있었습니다. IE 9에서는 이것이 내 페이지를 표준 모드에서 iframe으로 렌더링하고 깨끗하게 보이는 SVG 변환을 사용하는 것처럼 보였습니다. 다음 래퍼 aspx 스크립트를 만들었습니다.

<%@ Page Language="C#" %> 

<% 
    string url = "app/path"; 
    if(!String.IsNullOrEmpty(Request.QueryString["path"])) 
     url = HttpUtility.UrlDecode(Request.QueryString["path"]); 

    url += "?i=1"; 
    if(!String.IsNullOrEmpty(Request.QueryString["id"])) 
     url += "&id=" + Request.QueryString["id"]; 

    if(Request.Browser.Browser!="IE"||Request.Browser.MajorVersion!=9) { 
     Response.Redirect(url); 
    } 
    url += "&quirky=1"; 
%> 
<html> 
<head><title></title> 
</head> 
<body style="width:100%; height:100%; margin:0; padding:0; overflow:hidden;"> 
<object type="text/html" data="<% =url %>" style="overflow:hidden; width:100%; height:100%"></object> 
</body> 
</html>