ul在div中图片如何显示出来作为ul的背景

要让一个包含 ul 列表的 div 元素的背景显示为图片，可以将背景图片样式定义在 div 上，然后使用伪元素 ::before 或 ::after 为 div 中的 ul 元素添加一个空的内容，并设置其为块级元素，再将其背景设置为透明，这样就可以看到 div 的背景图片了。

HTML 代码：

<div class="dh">
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>
</div>

CSS 代码：

.dh {
  background-image: url("../images/dh.jpg");
  /* 其他样式 */
  position: relative; /* 确保伪元素定位相对于该 div */
}

.dh::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

这样，div 元素的背景就会显示为 "../images/dh.jpg" 图片，并且 ul 列表仍然可以正常显示。