HTML CSS jQuery 帶遮罩層彈出框實作原始碼

實作帶遮罩層的彈出框，需要三個部分：遮罩層（Popup）、彈出內容框（MidBox）以及關閉按鈕。HTML 結構可使用列表與 Div，CSS 負責定位、背景顏色與圓角，jQuery 負責顯示與隱藏。

點擊確定、取消或右上角關閉圖示時，皆可隱藏遮罩層與彈出框。提供的原始碼中，CSS 設定了固定定位與 z-index，JavaScript 則透過 .show() 與 .hide() 控制顯示狀態，可直接套用於專案中。