2012-11-12 18 views
5

私はIE9で、DXIImageTransformの行列を使用して回転テキストをピクセル化することに気付きました。私はIE8でこの問題を持っているか、7通常、私はIE9でCSS3のオプションを使用しますが、私のコントロール外の理由により、ページがQuirksモード(なしDOCTYPEとサードパーティのページに埋め込まれた有効なHTML5はiframe)DXIMageTransform.Microsoft.MatrixはIE9でぼやけています

でレンダリングしていません

これは私が使用しているコードです: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> 

が行動でそれを確認するには(Quirksモードでは動作しません)でこのフィドルをチェックアウトこれに比較IE9では、quirksモードでは、すべてのピクセルがぼやけて見えません。なぜマトリックス変換は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> 
関連する問題