Css 在这种情况下，如何在DIV中插入图像

请看这里的图片

如图所示，图像上有两个滑块，带有两个箭头标记（左和右）

请告诉我如何在我的滑块上获得这些箭头标记（如图所示）

我的问题是如何获得这些滑块组件上的箭头标记

现在我的CSS代码是

.handle {
   position:relative;
     cursor: pointer;
    background: #eeeeee; 
    border: 3px solid #bbbbbb;
    overflow:hidden;

}
.zoomHandle {
position:relative;
width:7px;
height:50px;

}

我是这样使用它的：

   this.handles.left = new Element('div', {id: 'leftHandle', 'class': 'handle zoomHandle', style: 'display: none;'});


            this.handles.right = new Element('div', {id: 'rightHandle', 'class': 'handle zoomHandle', style: 'display: none;'});

---

请帮助我如何插入此图像

要在divs中插入图像，可以执行以下操作：

document.getElementById("leftHandle").innerHTML = "<img src=\"your-image-left.png\" />";
document.getElementById("rightHandle").innerHTML = "<img src=\"your-image-right.png\" />";

document.getElementById（“leftHandle”）.innerHTML=“”；
document.getElementById（“rightHandle”）.innerHTML=“”；

谢谢，我尝试了这种方法，但我无法使用您建议的代码`this.handles.left=new Element（'div'，{id:'leftHandle'，'class'：'handle zoomHandle1'}）；this.handles.right=新元素（'div'，{id:'rightHandle'，'class'：'handle zoomHandle2'}）；`还有我的css `.zoomHandle 1{宽度：7px；高度：50px；背景图像：url（'Left.png'）；边距：0px}。zoomHandle 2{背景图像：url（'Right.png'）；宽度：7px；高度：50px；边距：0px}`但是图像没有显示，有人能帮我吗