用html语音做一个弹窗，弹窗要背景要可以设置，可以设置成图片，弹窗是一进入就弹出的，要用关闭按钮且成功关闭，这个弹窗和公告没啥区别，ui要好

好的，我可以为您提供相关的代码示例来实现这个功能。

首先，您需要使用HTML和CSS来创建一个弹出框，这里我提供一个简单的示例代码：

HTML：

<div class="popup">
  <div class="popup-content">
    <span class="close">&times;</span>
    <p>这是一个弹出框</p>
  </div>
</div>

CSS：

/* 弹出框样式 */
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.4);
  display: none;
}

/* 弹出框内容样式 */
.popup-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* 关闭按钮样式 */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

这个示例代码创建了一个半透明的背景和一个弹出框。现在您可以添加一张背景图片，只需要在`.popup`选择器中添加`background-image`属性即可。

例如：

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("background.jpg");
  background-size: cover;
  display: none;
}

接着，您需要使用JavaScript来使弹出框在页面加载后自动弹出，并添加关闭按钮的功能。

JavaScript：

// 获取弹出框元素
var popup = document.querySelector(".popup");

// 获取关闭按钮元素
var close = document.querySelector(".close");

// 当页面加载后弹出弹出框
window.onload = function() {
  popup.style.display = "block";
}

// 当点击关闭按钮时，关闭弹出框
close.onclick = function() {
  popup.style.display = "none";
}

这个JavaScript代码将在页面加载后自动弹出弹出框，并在关闭按钮被点击时关闭弹出框。

这是一个简单的示例代码，您可以根据自己的需求进行修改和定制。