CSS拖動層是一種非常有用的功能，可以讓用戶輕松地拖動和移動頁面元素。但是有時候我們也需要關閉拖動層。下面我們來看一下怎樣關閉CSS拖動層。

.close {
cursor: pointer;
position: absolute;
top: 5px;
right: 5px;
font-size: 20px;
}

首先，我們需要為關閉按鈕添加一個CSS類，這個類將定義關閉按鈕的樣式和位置。

<div class="drag" id="drag">
<div class="close">×</div>
<p>這是一個可以拖動的層。</p>
</div>

然后，在拖動層的HTML結構中添加一個關閉按鈕，使用剛才定義的.close類。

var dragItem = document.getElementById("drag");
var closeButton = dragItem.querySelector(".close");
closeButton.addEventListener("click", function() {
dragItem.style.display = "none";
});

最后，我們需要使用JavaScript為關閉按鈕添加一個點擊事件，以便在點擊關閉按鈕時隱藏拖動層。在上面的示例代碼中，我們使用了querySelector方法來查找關閉按鈕，然后使用addEventListener方法為按鈕添加了一個click事件。當用戶單擊按鈕時，dragItem層將變為不可見。

現在，當你需要關閉CSS拖動層時，只需點擊關閉按鈕即可。這樣，你可以更方便地在你的網站上使用CSS拖動層。