我不知道如何將此背景轉換為對象并將其放入菜單的按鈕中，因為文本和圖像重疊。我需要幫助將背景圖像（小 png）轉換為一個對象，以便文本“Lorem ipsum dolor sat amet, consectetur adipisci elit”無法與它重疊，我不知道你是否理解，我英語不太好，謝謝非常.menu22 {  padding-left: 0;  list-style: none;  width: 300px;  margin: 0 auto;}.menu22 li {  background-image: url("https://i.ibb.co/SyCRm7z/1.png");  background-repeat: no-repeat;  background-position: 15px center;  position: relative;}.menu22 li:hover {  color: #404040 !important; font-weight: 700 !important; letter-spacing: 1px; background-image: url("https://i.ibb.co/SyCRm7z/1.png"); -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57); transition: all 0.3s ease 0s;}.menu22 a{  display: block;  padding: 23px 0;  color: grey;  font-size: 18px;  text-decoration: none;  text-align: center;}<ul class="menu22"> <li><a href="#">object1</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">object3</a></li> <li><a href="#">Lorem ipsum dolor sit </a></li> <li><a href="#">object5</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li><br></ul>