首先有两块div，top和body，body部分有一个margin-top: -30px;，这时body会遮挡一部分的top，而且两块div这时是上下结构不需要加定位和z-indx，页面显示效果如下：
image.png
为top增加
transition: opacity 1s;
时发现了一个问题，当opactiy由0到1的时候，会遮挡body上面的圆角部分
image.png
最后解决办法是给body增加
position: relative;
解决了此问题。
首先有两块div，top和body，body部分有一个margin-top: -30px;，这时body会遮挡一部...
bo一、margin负值 margin-left / margin-top为负值，当前元素会向左 / 上拖动 ...
margin-top和margin-left负值，元素向上、向左移动 margin-right和margin-bo...
固定高度 1、绝度定位:left/top:50% margin-top\left为元素高宽的一半的负值 2、借助...
jquery无缝滚动案例html 分析 1，ul整体 向上慢慢的走一个li的高度（margin-top为负值）2，...
jquery无缝滚动案例 html 分析 1，ul整体 向上慢慢的走一个li的高度（margin-top为负值）2...
在CSS中，负外边距是完全有效的，它们有如下有趣的行为：左边或上边的负外边距会把元素向左或向上拉，盖住其旁边的元素...
margin-top失效及解决办法 现象： 当两个空的块级元素嵌套时，如果内部的块设置有margin-top属性，...
在开发中经常会遇到当父级元素设置了margin-top,子级元素再设置margin-top时，如果子元素的值小于父...
transition与animation区别 1.transition需要触发条件，不能自动执行2.transit...
本文标题：margin-top负值时与transition的相互影响
本文链接：https://www.haomeiwen.com/subject/vtbusktx.html
网友评论