obrót Tekst na Internet Explorer

Question

Powiel możliwe:
CSS rotate property in IE

Może ktoś pomóc tutaj, aby obrócić tekst na IE- 8, czyli -7 wersjach. pracuje nad Chome, Firefox, IE 9, ale doesn `t mieć żadnych wyników na IE-8, IE- 7.

<a href="#" class="beta_home">BETA</a> 

css 
a.beta_home{ 
    position: absolute; 
    text-decoration: none; 
    top: 12px; 
    right:0; 
    margin-left: 0px; 
    font-size: 9px; 
    color:red; 
    border: 1px solid #fff; 
    display: block; 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
} 

Answer 1

/* IE8+ - must be on one line, unfortunately */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand')"; 
/* IE6 and 7 */ 
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand'); 

/* For IE6 and 7 */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

Answer 2

ja nie pref to zrobić w dowolnej przeglądarce przyczyną wszyscy czynią to zupełnie inna .. ale można to zrobić z javascript

Dokumentacja http://code.google.com/p/jquery-rotate/

Polecenia $ ("# theimage"). RotateRight (45); $ ("# theimage"). RotateLeft();

To uczyniłoby to samo w IE 9, Chrome, Firefox, Opera i Safari spowodować jego pomocą obiektu canvas zamiast obracanie tekstu przez przeglądarkę renderowania

To będzie używać starych codings dla IE8, 7 & 6 wygenerować go here

/* IE8+ - must be on one line, unfortunately */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand')"; 
/* IE6 and 7 */ 
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.1763269807084645, M21=0, M22=1, SizingMethod='auto expand'); 

roboczą ex

IE 7 & 8 testowane Fiddle (marginesy muszą być różne w Chrome i innych przeglądarek mogę powiedzieć dlaczego, ale tak jest)

Jeśli nie wiesz, jak różnią css koryta z różnych przeglądarek zobaczyć ten link

moim zdaniem

Poza tym wszystkim polecam zrobić zdjęcie (już obrócone) przy użyciu programu Photoshop lub jeśli nie masz dostępu do takich programów, użyj bezpłatnego (GIMP)

Answer 3

Spróbuj skorzystać z tej usługi online:

http://www.useragentman.com/IETransformsTranslator/

on przekształcić reguła CSS3

rotate(-90deg) 

stosowane na div z WIDTH: 220px; HEIGHT: 70px;

do szczególnych zasad IE:

/* 
* The following two rules are for IE only and 
* should be wrapped in conditional comments. 
* The -ms-filter rule should be on one line 
* and always *before* the filter rule if 
* used in the same rule. 
*/ 

#transformedObject { 

    /* IE8+ - must be on one line, unfortunately */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061515884555943e-16, M12=1, M21=-1, M22=3.061515884555943e-16, SizingMethod='auto expand')"; 

    /* IE6 and 7 */ 
    filter: progid:DXImageTransform.Microsoft.Matrix(
      M11=3.061515884555943e-16, 
      M12=1, 
      M21=-1, 
      M22=3.061515884555943e-16, 
      SizingMethod='auto expand'); 


    /* 
    * To make the transform-origin be the middle of 
    * the object. Note: These numbers 
    * are approximations. For more accurate results, 
    * use Internet Explorer with this tool. 
    */ 
    margin-left: 71px; 
    margin-top: -78px; 

}