Q

对于“顶”和“左”属性不起作用的CSS3过渡

2011-11-13 69 views 10 likes

10

当我将鼠标悬停在列表上时，列表中有一个项目正在过渡到东北部。使用margin-top和margin-left属性转换工作，但物品悬停在推动其他元素，所以我加position:relative和尝试使用top和left过渡属性，但它似乎并没有工作。对于“顶”和“左”属性不起作用的CSS3过渡

这里是的jsfiddle：

2011-11-13 user701510

+0

你知道，这是不会在旧的浏览器工作，对不对？ – Homer6

A

回答

9

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

2011-11-13 02:23:12 uadrive

+0

设置位置：相对于父元素起作用，谢谢 – user701510

2

使用的位置是：绝对的，它会带出来的普通文档流。你也可以给它z-index：5以确保它漂浮在其他元素上。

2011-11-13 02:17:07 COBOLdinosaur

37

添加左侧，顶部默认 link demo

left: 0px

2014-06-23 09:35:14 tronghiep92

+0

它正常工作，谢谢bro – WildDev

+1

这应该是选择的答案。 – lkraav

+4

只是为了扩展这个答案：浏览器需要明确知道开始和结束值是为了计算转换序列。有人可能会合理地认为，如果未设置，起始值只是属性的默认值，但事实并非如此。开始和结束值必须明确声明。 – Arctic

相关问题