在網頁設計中，地圖展示是一個很重要的需求。在中國地圖上，我們可以使用CSS特效來實現更生動、更有趣的效果。

.map {
position: relative;
width: 800px;
height: 600px;
background-image: url('china.png');
background-size: contain;
}
.map .province {
position: absolute;
cursor: pointer;
}
.map .province:hover {
opacity: 0.7;
}
.map .province .name {
position: absolute;
top: 50%;
left: 50%;
font-size: 16px;
color: #fff;
transform: translate(-50%, -50%);
pointer-events: none;
}

在這段代碼中，我們創建了一個名為.map的div容器，并設置了它的背景圖。接下來，我們創建了一個名為.province的選擇器，用于選中中國地圖上的每個省份。我們為這些省份設置樣式，包括絕對定位、光標等。

我們還在每個省份中添加了一個名為.name的選擇器，用于顯示省份的名稱。我們使用了transform屬性來將該元素居中對齊，并使用pointer-events屬性來禁用用戶與該元素的交互。這樣，在用戶將鼠標懸停在省份上時，名稱會在該省份的中心位置上浮現。

最終運用本文代碼，我們可以輕松實現一個交互性強、美觀的中國地圖。