如何在瀏覽器窗口一側創建一個選項卡集？

我試圖創建針對瀏覽器窗口的側一側身標籤集 - 這樣的事情：如何在瀏覽器窗口一側創建一個選項卡集？

enter image description here

相關的CSS代碼至今：

left: -29px; 
transform: rotate(-270deg); 
-ms-transform: rotate(-270deg); /* IE 9 */ 
-webkit-transform: rotate(-270deg); /* Safari and Chrome */ 
-o-transform: rotate(-270deg); /* Opera */ 
-moz-transform: rotate(-270deg); /* Firefox */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* for earlier versions of IE */

這工作完全對於Firefox，Chrome和IE9，對於以前的IE版本，該選項卡並未顯示出來。問題似乎是left: -29px;代碼;如果我將它設置爲0，它在IE8和更早版本中看起來是正確的，但在IE9，Firefox或Chrome中不會。

處理這個問題的最佳方法是什麼？

來源

2012-12-13 froadie

作爲臨時黑客，可以添加一個覆蓋left財產的IE版本，有條件的樣式表0：

<!--[if lt IE 9]> 
    <style> 

    #myElement { 
     left: 0px; 
    } 

    </style> 
<![endif]-->

這裏的問題是可能是圍繞其發生旋轉的起源是不一樣的。我會看看是否可以找到任何有關指定變換原點的內容。

來源

2012-12-13 21:15:21

感謝您的回答......但我真的很想找到一個儘可能少的「哈克」方式，如果可能的話...... – froadie

@froadie我懷疑你對這個答案並不滿意。你知道你可以編輯你的問題，它會顛覆到首頁嗎？這樣你可以看到更多的人，並希望這會產生一些答案。如果你決定這樣做，你應該首先不接受這個答案。 –

如何在瀏覽器窗口一側創建一個選項卡集？

回答

相關問題