css开相对定位一直闪 |css 文字渐变

position: relative;
top: 10px;
left: 10px;

然而，在实际开发中，有时候大家会碰到这样一个问题：当大家给元素设置相对定位之后，元素就会不停地闪动。这是因为，相对定位会在元素的默认位置上重叠一层，然后通过 top 和 left 属性将其移动到指定位置。由于这样的层叠顺序，往往会因为位移引起整个文档的重绘和重排。

那么，如何解决这个问题呢？一种简单的方法是同时给元素设置一个 z-index 值，将其放置在默认层级之上，从而防止重叠而导致的闪烁问题。比如：

position: relative;
top: 10px;
left: 10px;
z-index: 1;

这样就可以避免元素闪烁的问题了。