Question

我是html和jquery的新手。那时我有一个html文件，其中包含蓝色背景图像和列表视图。我想显示透明列表视图，但它没有显示透明列表视图。从网上我使用了很多方法，但他们没有工作。

这是我的代码：

<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+

有人有新版本的黑客攻击吗？

update of Gajotres solution for 1.4.1

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

Jquery中的透明ListView

3 个答案: