我试图找出为什么这个CSS3过渡会影响父DIV父DIV:CSS3过渡影响
我试图移动对象了一个div内不改变的高度其母公司。
但是,什么情况是,框的高度由1px的每个过渡开始时间/结束收缩(有或无边框)
虽然我想在一排我的内容超出了开始使用这三种如果用户非常快速地悬停在这些项目上,也会跳起来。
设置一个固定高度不是一个选项,因为我正在处理响应式布局。
我试图找出为什么这个CSS3过渡会影响父DIV父DIV:CSS3过渡影响
我试图移动对象了一个div内不改变的高度其母公司。
但是,什么情况是,框的高度由1px的每个过渡开始时间/结束收缩(有或无边框)
虽然我想在一排我的内容超出了开始使用这三种如果用户非常快速地悬停在这些项目上,也会跳起来。
设置一个固定高度不是一个选项,因为我正在处理响应式布局。
好吧,这里是一个简单的变通方法。只需添加阴性切缘和它的作品:
下面是它的实际样子(最低版本):
而不是动画边距(这意味着箱子高度需要重新计算,所以部分像素的舍入误差会导致移动),请使用变换。
另外,请记住,IE10有转换,所以也使用ms前缀。
IE10将不会出现一年,除非升级到Windows8,否则任何人都无法使用它。 – Rob
这实际上是一个好主意,但它会导致更多问题:由于我在处理响应式布局,因此每次都必须重新计算边距。除此之外,圈子一直处于悬停状态。最有线的是 - 这实际上应该是另一个问题 - 为什么当你使用transform命令时文本的字体重量会发生变化?我已经看过几次了。最后,重新计算似乎是问题,是的。所以仍然在寻找解决方法。 – Melros
好吧,这里有一个想法:要解决静态布局中的问题,你可以将圆的绝对位置定位到父div,并为父div设置一个固定的高度。对于响应式解决方案,父div将在圆的宽度和高度中插入一个transaprent img。除了另一个http请求之外,问题将会解决。你怎么看? – Melros
你的意思是它的Jumpy在只有IE浏览器。切勿将IE作为工作方式的参考。这是这个星球上最糟糕的浏览器。 – Rob
我知道。我也讨厌IE。我使用IE浏览器。但Safari或Chrome也是如此,这就是我要问的原因。 – Melros
我没有在任何其他浏览器中看到问题。 – Rob