2016-07-22 43 views
2

我希望DataGrid的顏色透明,因爲我希望看到背景圖像。用於Primefaces的DataGrid,這不會更改顏色

我使用primefaces 6.

CSS:

.ui-datagrid .ui-paginator { 
    background-color: transparent; 
} 
.ui-datagrid .ui-datagrid-content .ui-datagrid-colum .ui-widget-content .ui-grid ui-grid-responsive{ 
    background-color: transparent; 
} 

.ui-grid-row{ 
    background-color: transparent; 
} 

.ui-datagrid .ui-{ 
    background-color: transparent; 
} 
.ui-panel { 
    background-color: transparent; 
} 
.ui-facet{ 
    background-color: transparent; 
} 
.ui-panelgrid{ 
    background-color: transparent; 
} 

謝謝您!

+1

所以你說這不會使它透明...然後你可以使用瀏覽器開發工具來查看什麼CSS應用到不透明 – Kukeltje

回答

0

您可以使用:background:none;以確保background-imagebackground-color都沒有。

+0

這很可能是真實的(99%肯定)。但也更好地指出海報如何解決這些事情...(學習魚,而不是給魚) – Kukeltje

+0

問題是,Primefaces沒有獲得樣式,因爲我寫了。「ui - datagrid」在文件css中,但這並沒有得到。 –

+0

您需要將元素類名與CSS文件中的元素名匹配。這是可能的,你可以提供一個jsfiddle或一個現場樣本,所以我們可以檢查? –