2016-07-22 44 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或一个现场样本,所以我们可以检查? –