CSS3是一種用于設計網頁樣式的語言，它提供了很多有用的特性，其中一個重要的特性就是CSS3 div的重疊效果。

div {
position: relative;
z-index: 1;
}
div + div {
position: relative;
z-index: 2;
}

在上面的代碼中，我們使用了CSS3的position和z-index屬性來控制div元素的重疊順序。在這個例子中，我們首先給第一個div元素設置了一個z-index值為1的相對定位，然后又給第二個div元素設置了一個z-index值為2的相對定位。由于第二個div元素具有更高的z-index值，所以它會覆蓋在第一個div元素的上面。

需要注意的是，使用z-index屬性來控制div元素的重疊順序時，必須將這些元素的position屬性設置為relative或者absolute。如果將它們的position屬性設置為static或者fixed，z-index屬性將不起作用。

除了使用z-index屬性，我們還可以使用CSS3的opacity屬性來控制div元素的透明度。例如：

div {
opacity: 0.5;
}
div + div {
opacity: 1;
}

在上面的代碼中，我們給第一個div元素設置了一個opacity值為0.5，使其半透明；同時給第二個div元素設置了一個opacity值為1，使其不透明。由于第二個div元素不透明，它會覆蓋在第一個div元素的上面。

總之，通過使用CSS3的position、z-index和opacity屬性，我們可以很容易地實現div元素的重疊效果，為網頁設計帶來更加豐富的視覺效果。