Прозрачный ListView в Jquery

Я очень новичок в 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;
}

Любая помощь


html jquery css jquery-mobile jquery-mobile-listview
person User42590    schedule 14.05.2013    source источник
comment
Что вы подразумеваете под прозрачным списком?   -  person Cedric Reichenbach    schedule 14.05.2013
comment
я имею в виду, что отдельная ячейка должна быть прозрачной   -  person User42590    schedule 14.05.2013

Ответы (3)


arrow_upward
2
arrow_downward

Рабочий пример: http://jsfiddle.net/Gajotres/UnuJZ/

CSS:

#sortedList li {
    background-color: transparent !important;
    background-image: url('') !important;
}
person Gajotres    schedule 14.05.2013
comment
большое спасибо за помощь. На самом деле еще одна вещь, поскольку ваше решение содержит строки в каждой ячейке, которую я пытался показать, но она не отображается. я добавил правильные css и js - person User42590; 14.05.2013
comment
Вы говорите о стрелке в правой части списка? - person Gajotres; 14.05.2013
comment
Взгляните, я удалил ширину и высоту из #main_bg, теперь все выглядит нормально. - person Gajotres; 14.05.2013

arrow_upward
1
arrow_downward

Я думаю, вам нужно что-то вроде этого: http://jsfiddle.net/xDQpS/1/

Один из способов создания прозрачного фона — использование прозрачных цветов:

.transbox {
    background-color: rgba(255,255,255,0.5);
}
person Cedric Reichenbach    schedule 14.05.2013

arrow_upward
0
arrow_downward

Я думаю, что это не работает для jquery mobile version 1.4+

У кого-нибудь есть хак для новой версии?

обновление решения Gajotres для версии 1.4.1

#sortedList li {
    background-color: transparent !important;
    background-image: url('') !important;
}
person John Mark    schedule 19.11.2014