CSS旋轉IE7和8

我要再問一個問題！CSS旋轉IE7和8

所以，CSS旋轉工作在IE9，但得到旋轉工作在以前的版本將是我的死亡！

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

這行代碼將元素旋轉了90度，但是與其他瀏覽器的元素大致相同。如果元素太靠近頁面，可能會將其旋轉到外部。微軟的IE文檔並沒有說清楚如何設置轉換源。

我完整的代碼：

#quick { 
    position:fixed; 
    top:250px; 
    left:-158px; 
} 
#qmenu-wrapper { 
    background-image: url(../images/img_08.png); 
    background-repeat:repeat-x; 
    height: 35px; 
    width:350px; 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    -ms-transform:rotate(90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

}

有什麼我們可以做，使IE 7和8手柄旋轉以同樣的方式爲9？

謝謝。

我！

來源

2012-03-08 Charlie

你可能要考慮嘗試jQuery的旋轉：http://code.google.com/p/jqueryrotate/的 – aroth 2012-03-08 02:43:05

可能重複[CSS旋轉在IE屬性（http://stackoverflow.com/questions/4617220/css-rotate-property-in-ie） – Liam 2014-03-13 13:35:05

IE5.5，IE6，IE7和IE8支持filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); IE5不支持它！

Source

要使用DX過濾器只需使用Matrix過濾器來改變你的元素的位置改變旋轉原點。您可以在一個元素上使用多個過濾器。你需要做一點數學。祝你好運！

來源

2012-03-08 03:06:08 Mohsen

看看this site左側的標題。我用overflow:visible將項目放置在一個較小的元素中並旋轉該元素，從而解決了旋轉點問題。換句話說，我做了我自己的支點。

在該示例中，我還使用書寫模式來旋轉IE中的文本，因爲使用過濾器會禁用字體平滑。

<style type="text/css"> 
/* This wrapper is required to rotate the text around the left edge */ 

#page_title { 
overflow: visible; 
position: absolute; 
width: 38px; 
-moz-transform: rotate(90deg); 
-moz-rotation-point: 0 0; 
-webkit-transform: rotate(90deg); 
-webkit-rotation-point: 0 0; 
-o-transform: rotate(90deg); 
-ms-writing-mode: tb-lr; 
* html writing-mode: tb-lr; 
} 

#page_title h1 { 
display: block; 
font-size: 70px; 
font-weight: normal; 
line-height: 38px; 
color: #F3C1E0; 
font-variant: small-caps; 
width: auto; 
} 
</style> 

<div id="page_title"> 
<h1>Inwardpath&nbsp;Publishers</h1> 
</div>

來源

2012-03-08 03:16:29 SpliFF

這隻適用於IE8及以上版本。 – 2015-01-06 14:39:01

回答

相關問題