listview after set background image how to make every item background tranparent

[ai]

listview 

<div data-role="view" data-title="objlist">
    <ul data-role="listview" id="uidListView" data-click="uidClickItem"></ul>
</div>

css：

.km-ios .km-content{
    background-image: url("../images/bg.png");
    background-repeat:repeat-x;
}

use template below to insert listview

<script type="text/x-kendo-template" id="uidTemplate"># for (var i = 0; i < data.length; i++) { #
    <li class="userlist" val=${i}>
            <a>
                  <span class="username">#:data[i].name#</span>
                  <span class="userorg">#:data[i].orgName#</span>
                  <span class="userpos">#:data[i].position#</span>
            </a>
            <span class="km-icon km-cancel uidicon"></span>
    </li>
    # } #
</script>

 how to make every li  item  in  listview   background tranparent ，that is ，user can see the km-content background-image

[Petyo]

Hello,

Please take a look at the following article which provides a starting point for customizing widget appearance.  You can use the web inspector tool of your browser to identify the selectors which have to be override.

Regards,
Petyo
Telerik