jquery - Jquery中的透明ListView

Question

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

任何帮助

Answer 1

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

CSS：

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

Answer 2

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

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

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

Answer 3

我认为它不起作用jquery mobile version 1.4+

有人破解新版本吗？

1.4.1 的 Gajotres 解决方案更新

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