在CSS中，z-index是一个非常重要的属性，它控制了HTML元素的视觉层次。具体来说，这个属性会给每个元素一个z-index值，决定哪个元素应该在显示时在前面。

通过z-index，我们可以创建出一些很炫酷的视觉效果，比如说实现立体的效果。然而，在使用这个属性时我们需要小心，因为如果不清楚地规划层次关系，就会造成元素的重叠，看起来很不美观。

要使用z-index，需要满足两个条件：第一，元素的position属性的值必须是relative、fixed或absolute。第二，z-index只有在元素的position属性值不为static（默认值）时才会生效。

#myDiv {
position: relative;
z-index: 99;
}

在上面的例子中，我们将一个ID为myDiv的元素的z-index值设置为99。在页面中，所有z-index值比99低的元素都会被myDiv元素遮盖（如果相等，则后写的元素会被遮盖）。

需要注意的是，z-index不应该被滥用。在实际项目中，尽量避免使用太多层级，以免影响页面性能和用户体验。当然，在某些情况下，使用z-index也是可以使页面更生动、更美观的。