Javascript 选择带有背景图像的框？

我想将选择框置于背景图像上方。 我该怎么做

这样，我可以为用户提供更好的体验

30
40
50

只需使用div和图像作为背景图像即可。并以绝对位置插入选择框。 然而，这将是一个混乱的全面响应，因此，一个完整的CSS+HTML方法没有图像将更好。然而，你至少需要一些编码技巧

。选择{
背景图片：url(https://i.hizliresim.com/2XxBuE.png);
宽度：419px；
高度：160px；
位置：相对位置；
}
#选择框a{
位置：绝对位置；
左：160像素；
顶部：115px；
}
#选择框i{
位置：绝对位置；
左：260px；
顶部：115px；
}

30
40
50
30
40
50

您可以在具有背景图像的div中定义标签，并将您的选择放置在任何位置

.bg{
背景：url(https://i.hizliresim.com/2XxBuE.png)不重复；
宽度：100vw；
高度：100vh；
位置：相对位置；
}
#选择框{
位置：绝对位置；
左：50%；
最高：50%；
}

30
40
50

到目前为止，您尝试了哪些，哪些不起作用？你的CSS在哪里？只需将图像包装在一个div中，或者使用一个以该图像为背景的div，然后使用selectbox作为div的子级。没有与此表单相关联的css img。我不知道怎么做欢迎来到Stackoverflow。请花时间阅读SO指南。下次回答问题时，请使用可解析的代码片段展示您的解决方案，并花时间解释您的解决方案，以便每个人都能理解和复制它。

<select id='selectbox'>
        <option>30</option>
        <option>40</option>
        <option>50</option>
</select>