Jquery中的透明ListView

我对html和jquery非常陌生。当时我有一个html文件，其中包含一个蓝色背景图像和一个listview。我想显示透明列表视图，但它不显示透明列表视图。从网上我用了很多方法，但都不管用

这是我的密码：

<div id="main_bg">    
    <div  class="transbox">
        <ul data-role="listview"  id="sortedList" style="margin-top: 40px;"  >
            <li ><a href="#"><font color="blue"   size="5px;" >1</font></a></li>
            <li  style="margin-top:25px; " ><a href="#"><font color="blue"  size="5px;" >2</font></a></li>
            <li  style="margin-top: 25px; " ><a href="#"><font color="blue"  size="5px;" >3</font></a></li>
        </ul>
    </div>
</div>

---

任何帮助

我想您需要这样的帮助：

透明背景的一种方法是使用透明颜色：

.transbox {
    background-color: rgba(255,255,255,0.5);
}

工作示例：

CSS:

---

我认为它不适用于

jquery

移动版1.4+

有人有新版本的黑客吗

---

“透明列表视图”是什么意思？我的意思是单个单元格应该是透明的。非常感谢您的帮助。事实上，我还有一件事要做，因为您的procoded解决方案在每个单元格上都包含行，我试图显示它，但它没有显示。我已经添加了正确的css和JS。你说的是listview右侧的箭头吗？现在看看，我已经删除了#main#u bg的宽度和高度，现在看起来很好。

.transbox {
    background-color: rgba(255,255,255,0.5);
}

#sortedList li {
    background-color: transparent !important;
    background-image: url('') !important;
}

#sortedList li {
    background-color: transparent !important;
    background-image: url('') !important;
}