我的CSS3在我的html页面中不起作用

Question

我试图使用一些CSS3代码来旋转我的文字,但我认为它不被识别？

CSS代码:

.menu {
    background-image:url('button.jpg');
    cursor: pointer;
    width: 61px;
    height: 205px;

    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: rl-tb;
}

HTML代码:

<div id="menu-box">
    <a class="menu" href="#" >HOME</a>
    <a class="menu" href="#" >MYSELF</a>
    <a class="menu" href="#" >PORTFOLIO</a>
    <a class="menu" href="#" >CONTACT ME</a>        
</div>

我不知道问题是什么.我错过了什么？

Answer 1

您无法转换内联元素; 改为将内容.menu块的显示值更改为.

简化示例:http://jsfiddle.net/vg73f/