Position: fixed; não funciona no google chrome
Olá a todos!
Estou fazendo um formulário para que ele fique na parte inferior da viewport!
Em todos os navegadores funciona(opera,mozilla,IE) porém no google chrome o formulário não obedece o css!
O interessante é que abrindo locamente funciona,porém no servidor da godaddy não!
Já tentei usar o -webkit-transform:translateZ(0); para o elemento só que não funcionou!
Se alguém puder me ajudar agradeço!
Segue o código :
HTML
<form method="POST" action="processa.php">
<span>Telefone</span>
<input type="text" name="telefone" placeholder="Digite seu número" required> <br>
<input type="submit" value="Enviar" class="btn">
</form>
CSS
form {-webkit-transform:translateZ(0); width:40%; height:auto; background:#b10f15; position:fixed; bottom:0; left:32%; box-shadow:2px 2px 5px #000; padding:15px;}
input {display:block; width:520px; padding:5px;}
span {color:#fff; font-size:1.4em;}
#regioes {display:block; width:534px; padding:5px;}
.btn {width:100px; border:0; background:#333; color:#fff; cursor:pointer; font-size:1.1em; margin:auto;}Discussão (0)
Carregando comentários...