GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Como tirar a transparencia da imagem e dos input text em html ou css

html
Tags: #<Tag:0x00007f65380b2878>
#1

Bom dia, queria apenas deixar o apenas o fundo do formulário mais transparente mas ele altera tudo que esta dentro, alguém tem alguma dica ? obrigado…

<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>

tesyte

0 Likes

#3

Usar background-color com a função rgba() em vez de opacity resolve pra você?

Por exemplo, esse código:

<form>
	<div style="margin-left: 200px; margin-top: 200px; background-color:rgba(0,0,255,0.5);">
		<span style="color: white; opacity: 1">Email: </span><input type="text" name="email"><br>
		<span style="color: white">Password: </span><input type="password" name="password"><br>
		<input type="submit">
  </div>
</form>
</body>

Fica assim:
Screenshot%20from%202019-05-14%2014-27-28

1 Like