Jquery中的透明ListView答案

【问题标题】：Transparent ListView in JqueryJquery中的透明ListView
【发布时间】：2013-05-14 10:07:37
【问题描述】：

我对 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>

这里是css：

#sorter .ui-li.ui-li-static.ui-btn-up-c {
    height: 3.8%;
    padding: 0;
    font-size: 8px;
    padding-left: 5px;
    line-height: 1.8em;
}

#sortedList{
    padding-right: 40px;
}

任何帮助

【问题讨论】：

“透明列表视图”是什么意思？
我的意思是单个单元格应该是透明的

标签： jquery html css jquery-mobile jquery-mobile-listview

【解决方案1】：

工作示例：http://jsfiddle.net/Gajotres/UnuJZ/

CSS：

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

【讨论】：

非常感谢您的帮助。实际上还有一件事，因为您提出的解决方案包含我试图显示的每个单元格上的线条，但它没有显示。我添加了适当的 css 和 js
你说的是列表视图右侧的箭头吗？
现在看看，我已经从#main_bg 中删除了宽度和高度，现在看起来很好。

【解决方案2】：

我想你想要这样的东西：http://jsfiddle.net/xDQpS/1/

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

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

【讨论】：

【解决方案3】：

我认为它不适用于 jquery mobile version 1.4+

有人破解新版本吗？

update of Gajotres solution for 1.4.1

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

【讨论】：