2016-07-22 8 views
2

Ich möchte, dass die Farbe von DataGrid transparent ist, weil ich Hintergrundbild sehen möchte.DataGrid für Primefaces, das ändert nicht die Farbe

Ich bin mit 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; 
} 

Thanks You!

+1

Sie sagen also, dass dies macht es nicht transparent ... Dann können Sie das Browser Developer Tool verwenden, um zu sehen, welche CSS angewendet wird, um es nicht transparent zu machen – Kukeltje

Antwort

0

Sie können verwenden: background:none;, um sicherzustellen, dass beide background-image und background-color keine sind.

+0

Dies ist wahrscheinlich wahr (99% sicher). Aber auch besser, um das Poster zu zeigen, wie man diese Dinge lösen kann ... (lernen zu fischen statt Fisch zu geben) – Kukeltje

+0

Das Problem ist, dass Primefaces nicht Stil bekommt, weil ich schreibe. "Ui - datagrid" in Datei css , aber das geht nicht. –

+0

Sie müssen den Klassennamen der Elemente mit dem in Ihrer CSS-Datei übereinstimmen. Ist dies für Sie möglich, um eine Probe oder ein Live-Sample zur Verfügung zu stellen, damit wir das überprüfen können? –