Windows應用商店應用中的透明列表項

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驗證給我這個錯誤：

Validation (CSS 3.0): "rgba(0, 0, 0, 0.5)" is not a valid value for the "background-color" property.

我認爲這是有效的CSS3？

Answer 1

我發現另一個類阻止了我的CSS win-itembox。

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