Есть страница на jsf, задаю для раздела body изображение background в виде градиента.
body {
background: linear-gradient(to left, rgba(48,218,248,1) 0%, rgba(91,221,241,1) 0%, rgba(14,219,246,1) 0%, rgba(39,215,231,0.01) 100%);
}
Получаю, что фон-то установился градиентом, но элементы внутри p:panelGrid так и остались белыми. Могу ли я их фон сделать прозрачным, чтобы был виден гридиент. установленный для раздела body? Или как это обычно делается?
<p:panelGrid columns="2" styleClass="jsfcrud_list_form">

<h:outputLabel value="test_label"/>
<p:inputMask id="deletableYear" value="#{adminController.year}" mask="9999" />
<p:commandButton value="delete" actionListener="#{adminController.deleteHolidays}"/>

</p:panelGrid>

Penkov Vladimir,
так изменяю стили. Но получается несколько стилей: целиком на раздел body и отдельно стиль на p:panelGrid. и т.к. задается отдельно, то получается один градиент для всей страницы, и еще один - для панели. Соответственно, видны все переходы между градиентами, а мне нужно чтобы был один сплошной градиент.