1

我的 CSS 文件中有以下代码,它为锚元素上的所有 CSS 属性全局打开所有链接的转换:

a{
    display:block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

稍后在 CSS 文件中,我想关闭特定链接上的转换(比如说使用 class notrans),但仅限于background-position. 就像是:

a.notrans{
    -webkit-transition: background-position 0;
    -moz-transition: background-position 0;
    -o-transition: background-position 0;
    -ms-transition: background-position 0;
    transition: background-position 0;
}

但是这段代码不起作用。

我必须转动background-position过渡并保持其他过渡,所以精灵 - 背景图像不会继续移动a.notrans......

4

1 回答 1

1

您只需要为转换声明新属性,旧的继承属性就消失了。

所以,我只是用这个>

a.notrans{
-webkit-transition:color .2s;
-moz-transition:color .2s;
-o-transition:color .2s;
-ms-transition:color .2s;
transition:color .2s;
}

在此之后,只有颜色过渡有效!

也许有更好的解决方案?

于 2012-08-01T06:26:14.817 回答