CSS3是一種用于設(shè)計(jì)網(wǎng)頁樣式的語言，它提供了很多有用的特性，其中一個(gè)重要的特性就是CSS3 div的重疊效果。

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

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

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

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

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

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

總之，通過使用CSS3的position、z-index和opacity屬性，我們可以很容易地實(shí)現(xiàn)div元素的重疊效果，為網(wǎng)頁設(shè)計(jì)帶來更加豐富的視覺效果。