在網(wǎng)站開發(fā)中，有時會遇到需要彈出提示框或廣告窗口的情況，這時就需要用到CSS中的自動彈窗。

.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
z-index: 9999;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 9998;
}

以上代碼為最基本的自動彈窗樣式，首先定義了一個.popup的類，使其定位于屏幕中央，背景為白色，有邊框，并設置了z-index為9999，這是為了保證彈窗在最上層。接下來定義了一個.overlay的類，用于遮蓋整個頁面，使其退化為背景而不影響彈窗的展示。其中background-color屬性中的rgba值為顏色的透明度，可以根據(jù)需要進行調(diào)整。

需要彈出彈窗時，使用JavaScript代碼進行調(diào)用并動態(tài)生成HTML內(nèi)容，如：

var popup = document.createElement('div');
popup.className = 'popup';
popup.innerHTML = '這是一個彈窗！';
document.body.appendChild(popup);
var overlay = document.createElement('div');
overlay.className = 'overlay';
document.body.appendChild(overlay);

以上代碼使用createElement()方法創(chuàng)建了一個div元素并設置類名為.popup，同時設置了彈窗顯示的內(nèi)容，最后將其添加到頁面中。同樣的，也創(chuàng)建了一個.overlay元素并添加到頁面中，以達到遮蓋整個頁面的效果。

需要注意的是，自動彈窗的使用應謹慎，不能過多干擾用戶的正常瀏覽和體驗。