用文本旋转解决css3错误

时间:2013-03-15 15:00:42

标签: css3 webkit border

链接以查看问题:

http://www.dev.pingag.ch/allsystems/fileadmin/templates/diagramm.html#

我用html和css创建了这个diagramm。围绕每个单词(整合,创新等)是一个div,一个div围绕着一切。

单词“kompetenz”和“kunden”的文字旋转为:

    **-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);**

适用于Mozilla,Chrom和Opera。

对于我使用过的Internet Explorer:

写入模式:TB-RL;

旋转文字。

互联网浏览器的结果非常完美,但在Mozilla,Chrom和Opera 顶部和底部出现不需要的白色边框

您有什么想法可以解决这个问题吗?

提前谢谢

1 个答案:

答案 0 :(得分:0)

为什么不改变你的div的宽度 98px - >左右100px 右上角和右上角+ 3-4px