只能在IE6中旋轉文本270度

我已經閱讀了Stack Overflow的一些其他文章，並做了一些Google搜索，但到目前爲止還沒有看到任何實際工作。只能在IE6中旋轉文本270度

我有一個h2我想在所有瀏覽器中加上IE6/7旋轉270度。所有的瀏覽器，FF，Safari瀏覽器，Chrome瀏覽器，IE7等，旋轉文本就好，但IE6只是不會旋轉270.我只能讓它旋轉90，這不是我所需要的。

下面是HTML：

<div class="tab-content"> 
    <h1>Lorem Ipsum</h1> 
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> 
</div>

這裏是CSS：

.tab-content h1 { 
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    -ms-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    transform: rotate(270deg); 
    filter:progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand'); 
    zoom: 1; 
    font: 15px Arial, Helvetica, sans-serif; 
    color: #4b4b4c; 
    text-transform: uppercase; 
}

我試圖

writing-mode: tb-rl; 
filter: flipv fliph;

以及和將其旋轉90度，而不是270像我想要的。

我厭倦了&沒有變焦：1;而且我正在用盡想法。任何人都能很好地掌握ie6中的旋轉文本？有很多關於旋轉圖像等的文章，但對文字沒有多少，我認爲它會是相同的圖像或標題...

來源

2011-07-13 inreflection7

如果你能讓它旋轉90度，當你嘗試-90度時會發生什麼？ – Sparky

它似乎與我的IE6副本一起工作。 – Dereleased

你的問題標題使得它聽起來像你想只在IE6用戶拉惡作劇。 – BoltClock

您使用的轉換濾鏡可以旋轉任意角度，所以你應該可以使用它來旋轉到270度，如果你想。它有一些怪癖，但它確實有效。矩陣數學如此痛苦真令人遺憾。本文提供瞭如何制定出角度很好的概述：http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

但是，如果你特別要旋轉270度，那麼你就需要使用（坦白地說可怕）matrix過濾器，由於IE也有一個更友好的BasicImage過濾器。

試試這個：如果你想在90度的倍數旋轉

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

的BasicImage過濾器纔有用。除此之外，你需要做矩陣變換。

rotation=3告訴它旋轉90度，3次 - 即270度。

希望有所幫助。

來源

2011-07-13 18:23:59 Spudley

+1全部正確。 –

只能在IE6中旋轉文本270度

回答

相關問題