不同CSS的z-index可以合作，只要遵循一些规则和最佳实践。

首先，确保在需要合作的元素上设置了position属性，例如position: relative或position: absolute。这是因为z-index属性只对定位元素有效。

其次，确保要合作的元素在同一层级中，或者一个元素是另一个元素的子元素。如果元素处于不同的层级中，z-index属性将不会产生任何效果。

接下来，设置正确的z-index值。较高的z-index值将使元素在层叠上位于较低的值之上。可以使用任何整数值作为z-index值，但请注意避免使用过高的值，以免与其他元素产生冲突。

以下是一个示例，演示了不同CSS的z-index合作的方法：

HTML代码：

  
Box 1
  
Box 2

CSS代码：

.container {
  position: relative;
}

.box {
  position: absolute;
  width: 200px;
  height: 200px;
  text-align: center;
  padding-top: 80px;
  font-size: 20px;
}

.box1 {
  background-color: red;
  z-index: 2;
}

.box2 {
  background-color: blue;
  z-index: 1;
}

在这个示例中，box1元素具有较高的z-index值（2），因此它将位于box2元素（具有较低的z-index值1）之上。

请注意，这只是一个简单的示例，实际应用中可能会更复杂。确保理解z-index的工作原理，并根据实际需要进行适当的调整。