CSS中的父級被拖動是指將一個元素作為其他元素的容器，在該元素上添加鼠標事件，使得該元素在鼠標拖動時可移動。這種效果通常用于實現可拖動頁面的導航欄、側邊欄等效果。

.drag-container {
position: absolute;
left: 0;
top: 0;
}
.drag-bar {
cursor: move;
}
.drag-container.dragging {
opacity: 0.8;
filter: alpha(opacity=80);
}

上述代碼中，定義了一個父級容器`.drag-container`，并在其中定義了一個可拖動的元素`.drag-bar`。當鼠標在`.drag-bar`上按下時，通過JS代碼獲取其相對于父級容器的位置，并記錄鼠標按下時的坐標。在鼠標移動過程中，計算鼠標的偏移量，同時更新`.drag-container`的位置，達到拖動的效果。通過添加`.dragging`類名，可以在拖動時改變元素的透明度，以達到更好的用戶體驗。

父級被拖動是一種很實用的效果，可以用于優化網頁的交互體驗，提升用戶對頁面的使用舒適度。同時，我們需要注重代碼的兼容性和可維護性，保證在不同設備和瀏覽器下都能正常工作，方便日后的維護和更新。