Question

我希望ListView中的列表项是透明的。

我尝试了这个，但它没有用，有什么提示吗？

HTML：

<section aria-label="Main content" role="main">
        <div id="listItemTemplate" data-win-control="WinJS.Binding.Template">
            <div class="listItem">
                <div class="listItemTemplate-Detail">
                    <h4 data-win-bind="innerText: label"></h4>
                </div>
            </div>
        </div>
        <div id="listView" data-win-control="WinJS.UI.ListView" data-win-options="{itemDataSource : DataExample.itemList.dataSource, itemTemplate: select('#listItemTemplate'), layout: {type: WinJS.UI.GridLayout}}"></div>
    </section>

CSS：

.listItem {
    background-color: rgba(0, 0, 0, 0.24);
}
.win-listview .win-container {
    background-color:transparent !important;
}

背景设置正确，但不透明。

VS中的验证器给我这个错误：

验证（CSS 3.0）：“rgba（0,0,0,0.5）”不是有效值 “背景颜色”属性。

我认为这是有效的CSS3？

Answer 1

我发现另一个类阻止了我的CSS win-itembox。

.win-listview .win-container .win-itembox {
    background-color:rgba(255, 255, 255, 0.4);
}

Windows应用商店应用中的透明列表项

1 个答案: