定位旋轉跨度css

我在<div>內有<span class="name">旁邊的一個<img>。在這個範圍內，我有一些我想旋轉90度的文字。但是，當我這樣做時（如下面的代碼所示），跨度最終會在圖像頂部的某個奇怪的位置結束。定位旋轉跨度css

在IE中，文本根本不旋轉。

.name { 
    display: block; 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}

有關我如何解決這個問題的任何建議？

In IE In chrome

來源

2011-06-20 Touchpad

也：您能不能給我們的定位CSS的img/div和html，所以我們可以看到？ :) –

哪個IE版本？該文檔是在怪癖還是標準模式？跨度「有佈局」嗎？（請參閱http://www.satzansatz.de/cssd/onhavinglayout.html） – RoToRa

我已經解決了這個問題對我自己的東西，我需要做的是把一個固定大小的跨度，然後使用position:absolute;將它定位在那裏我想它

來源

2011-06-20 13:09:36 Touchpad

我想提出這個建議。我認爲這將是控制頭寸的唯一可靠方法。 – Mig

之前嘗試過，但沒有設置範圍的大小，所以跨度最終會跳過，具體取決於文本的大小 – Touchpad

我不知道如何解決它。但它不在IE中旋轉的原因是你正在使用「webkit」和「moz」來旋轉 - 這是類似firefox的瀏覽器特定功能。你必須谷歌的IE瀏覽器相當於。

來源

2011-06-20 12:19:00

filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 3）; < - 是爲了IE旋轉 – Touchpad

aha ...對不起 - 我沒有真正閱讀該行（或者理解它就是這樣）：P –

定位旋轉跨度css

回答

相關問題