相关疑难解决方法(0)

看起来应该可以使用以下内容:

.verticalText 
{           
    /* IE-only DX filter */
    writing-mode: tb-rl;
    filter: flipv fliph;

    /* Safari/Chrome function */
    -webkit-transform: rotate(270deg);

    /* works in latest FX builds */
    -moz-transform: rotate(270deg);
}

这适用于IE.

它在Safari,Chrome和FX中以奇怪的方式出错 - 在文本旋转之前计算单元格的大小!

这是一个演示:http://jsfiddle.net/HSKws/

我使用动态图像作为解决方法,虽然这也存在问题.我很高兴作为一个后备,但似乎应该有一种方法来使这个CSS工作 - 它几乎就在那里.

任何人都知道在应用变换后让单元格适合内容的方法吗？

我写了下面的代码.但现在要求图像应旋转180度.我怎样才能做到这一点？

#cell {
background-image: url("../images/logo.PNG"); 
background-attachment: fixed; 
background-repeat: no-repeat;
background-position: 0px 250px;
background-color: #FFFFFF;
border-left: 2px;
}

HTML标签:

    <td width="2%" id="cell"/>

我有一个我正在处理的网站布局,它有一个主内容区域,然后在内容区域的四个角落的每个角落都有一个角落图形.整体效果是桌面吸墨纸.

这是我左上角的代码:

.corner-top-left    { width:96px ;
height:96px ;
background:url("images/corner.png") no-repeat ;
position:absolute ;
top:-5px ;
left:-5px ;
z-index:3000 ;
}

而不是制作四个单独的角落图像,我想做的(如果可能的话)是使用原始图像(corner.png)并使用CSS旋转它.

是否有跨浏览器兼容的方式来执行此操作？

非常感谢!