Html transparent text input box
Try:
margin: 30px;
background-color: #ffffff;
border: 1px solid black;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
Here's a fiddle that gives an example.
try with
background-color: transparent;
input {
background-color: transparent;
}
.WRAPPER {
background-color: #000;
height: 575px;
width: 975px;
background-image: url("http://wallpapercave.com/wp/2u5OrmL.png");
top: auto;
margin: -8px;
}
body {
background-color: #000;
background-image: url("http://wallpapercave.com/wp/2u5OrmL.png");
}
#email {
background-color:rgba(0, 0, 0, 0);
color:white;
border: none;
outline:none;
height:30px;
transition:height 1s;
-webkit-transition:height 1s;
}
#email:focus {
height:50px;
font-size:16px;
}
<div id="bgDiv" name="bgDiv" class="bgDiv">
<img src="http://wallpapercave.com/wp/2u5OrmL.png" style="background-image: url('http://wallpapercave.com/wp/2u5OrmL.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
</div>
<div id="mainDiv" name="mainDiv" class="mainDiv">
<form id="iform" name="iform" action="index.php" method="post">
<input type="text" maxleth="18" align="center" id="input" name="input" class="input" placeholder="placeholder" style="border:0;outline:none;width:100%;height:100%;font-size:98px;text-align: center;" autocomplete="off" autofocus>
</form>
</div>