“顶部”和“左侧”属性的CSS3过渡无效

时间:2011-11-13 02:11:52

标签: css css3 position css-transitions

我有一个列表,当我将鼠标悬停在列表上时,列表中的一个项目会转移到东北。使用margin-topmargin-left属性转换有效,但正在悬停的项目不断推送其他元素,因此我添加了position:relative并尝试使用topleft转换属性但它似乎没有起作用。

这是jsfiddle:

list hover

3 个答案:

答案 0 :(得分:44)

添加左上角默认值 link demo

left: 0px

答案 1 :(得分:9)

您是否尝试过设置列表的父级。我知道有时亲戚有问题,除非基础项目也是相对的或绝对的。只是一个想法。

答案 2 :(得分:1)

使用position:absolute,它将使其脱离正常的文档流程。您也可以给它z-index:5以确保它浮动在其他元素上。