我試圖旋轉各種文本塊,以便它們垂直定位,並將它們放置在圖表上非常特定的位置,這些位置將被預覽並打印。 CSS在IE,FF甚至Opera中旋轉文本非常好。CSS旋轉和IE瀏覽器:絕對定位似乎打破IE
但是,當我試圖定位一個旋轉的元素時,IE(完全不擔心6)完全斷開,元素停留在其原始位置。任何方式在這個?我真的需要對這些標籤所在的位置進行像素控制。
HTML
<div class="content rotate">
<div id="Div1" class="txtblock">Ardvark Avacado<br />Awkward</div>
<div id="Div2" class="txtblock">Brownies<br />Bacteria Brussel Sprouts</div>
</div>
CSS
div.content {
position: relative;
width: 300px;
height: 300px;
margin: 30px;
border-top: black 4px solid;
border-right: blue 4px solid;
border-bottom: black 4px dashed;
border-left: blue 4px dashed; }
.rotate {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.txtblock {
width: auto;
position: absolute;
}
#Div1 {
left:44px;
top:70px;
border:red 3px solid; }
#Div2 {
left:13px;
top:170px;
border:purple 3px solid; }
有沒有可能提供實時鏈接的機會? – 2010-04-13 14:55:49