0
Good morning, I just wanted to make the only form background more transparent but it changes everything inside, does anyone have any tips ? thanks...
<h:body>
<p:growl id="mensagem" />
<p:messages autoUpdate="true" closable="true" />
<p:dialog header="" closable="false" draggable="false"
resizable="false" modal="true" visible="true" style="opacity: 0.5">
<form>
<table>
<tr>
<h5>
<h:graphicImage url="../resources/images/contato9.png"
align="left" />
</h5>
<td><p:messages autoUpdate="true" closable="true" /> <h:panelGrid
columns="1">
<div class="submit-line" style="opacity: inherit;">
<button class="submit-lente" type="submit">
<i class="fa fa-user"></i>
</button>
<h2>
<p:inputMask id="cpf" mask="999.999.999-99" size="17"
placeholder="CPF" required="true"
requiredMessage="O campo CPF é obrigatório"
value="#{MBFuncionarios.funcionario.cpf}" />
</h2>
</div>
<div class="submit-line" style="opacity: 1">
<button class="submit-lente" type="submit">
<i class="fa fa-lock"></i>
</button>
<p:password id="senha" maxlength="15" size="17"
placeholder="Senha" required="true"
requiredMessage="O campo Senha é obrigatório"
value="#{MBFuncionarios.funcionario.senha}" />
</div>
<br />
<h:commandButton value="Entrar" class="btn btn-outline-dark"
style="width: 205px; height: 40px" update=":mensagem"
actionListener="#{MBFuncionarios.autenticar}" />
</h:panelGrid></td>
</tr>
</table>
</form>
</p:dialog>
</h:body>
Enter only in your CSS class that displays your background image, and delete from the rest. Ex: background: url('path/your/image.jpg'); opacity: 0.5;filter: alpha(opacity=50);
– ElvisP
But I want to leave the picture normal and put transparence in the rest
– Jackson Felipe Magnabosco
Explain your question better, if you can edit it by only making available the HTML processed in the source code, and with the link to the background image, and scribble only what you want transparent in a print, so it is agile to help you.
– ElvisP