CSS3在子元素上翻译不起作用

mpn

这是我的CSS:

#sort_dropdown:hover > .arrow{
    -webkit-transform: translate(0,-42px);
    -moz-transform: translate(0,-42px);
    -o-transform: translate(0,-42px);
    transform: translate(0,-42px);

}

这是我的代码:

<li><a id="sort_dropdown">Sortieren <span class="arrow">&darr;</span><span class="arrow" style="display: none;">&uarr;</span></a>
巴尼

变换仅适用于具有块级显示的元素。设置.arrowdisplay: inline-blockinline默认情况下为span display )就可以了(jsFiddle demo):

.arrow {
    display: inline-block;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS3过渡,悬停以触发子元素上的动画不起作用

来自分类Dev

伪元素 (::before) 上的 CSS3 过渡不起作用

来自分类Dev

过渡CSS3不起作用

来自分类Dev

CSS3动画不起作用

来自分类Dev

在服务器上上传CSS3动画不起作用

来自分类Dev

背景图片上的css3过渡在Firefox中不起作用

来自分类Dev

CSS3动画z-index上的图像不起作用

来自分类Dev

CSS3 Webkit全屏检测不起作用

来自分类Dev

CSS3关键帧动画不起作用

来自分类Dev

CSS3过渡在Firefox中不起作用

来自分类Dev

CSS3关键帧动画不起作用

来自分类Dev

此动画(css3)在Firefox上不起作用

来自分类Dev

CSS3动画在Firefox中不起作用

来自分类Dev

css3动画不起作用| 非常基本的例子

来自分类Dev

附加css3 @keyframes在Safari中不起作用

来自分类Dev

CSS3在被Javascript触发时不起作用

来自分类Dev

CSS3单选按钮在Firefox中不起作用

来自分类Dev

CSS3比例动画不起作用

来自分类Dev

此动画(css3)在Firefox上不起作用

来自分类Dev

幻灯片:CSS3过渡不起作用

来自分类Dev

CSS3动画在Firefox中不起作用

来自分类Dev

CSS3关键帧动画不起作用

来自分类Dev

图像悬停不起作用css3

来自分类Dev

附加css3 @keyframes在Safari中不起作用

来自分类Dev

CSS3动画在Mozilla中不起作用

来自分类Dev

CSS3 / JavaScript转换不起作用

来自分类Dev

CSS3 & HTML5 ; 过渡不起作用

来自分类Dev

CSS3:命名标签上的目标不起作用

来自分类Dev

不透明的 CSS3 过渡不起作用