转换:旋转在Firefox中不起作用

时间:2013-06-18 15:58:28

标签: css3

这是我的代码,转换工作在Chrome浏览器中,但在Firefox中它无效。

.delete-white a:before {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 15px;
    left: 6px;
    margin-top: -7px;
    width: 5px;
    -webkit-transform: rotate(45deg) scale(1); 
    -moz-transform: rotate(45deg) scale(1); 
    -o-transform: rotate(45deg) scale(1); 
    -ms-transform: rotate(45deg) scale(1); 
}
.delete-white a:after {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 5px;
    left: 1px;
    margin-top: -2px;
    width: 15px;
    -webkit-transform: rotate(45deg) scale(1); 
    -moz-transform: rotate(45deg) scale(1); 
    -o-transform: rotate(45deg) scale(1); 
    -ms-transform: rotate(45deg) scale(1); 
}

3 个答案:

答案 0 :(得分:3)

两个笔记

  1. 您需要content:before / :after伪元素
  2. 您忘记了未加前缀的版本:transform: rotate(45deg) scale(1);

答案 1 :(得分:2)

将此规则添加到元素:“display:inline-block;”

答案 2 :(得分:1)

您需要在变换列表中包含标准的非前缀版本(即transform: rotate(45deg) scale(1);)作为最终定义。 -moz一个被弃用,其他时间也是如此。 See the MDN for reference