gpt4 book ai didi

html - 使文本输入框透明?应该很简单?

转载 作者:太空狗 更新时间:2023-10-29 14:44:56 28 4
gpt4 key购买 nike

我正在尝试使我的表单输入透明并将其覆盖在我的 div 之上。基本上我希望文本字段对其背后的任何内容都是透明的。有什么建议吗?

<head>

<style type="text/css">
.WRAPPER {
background-color: #000;
height: 575px;
width: 975px;
background-image: url(exit-gate/exit-gate-bg.png);
top: auto;
margin: -8px;
}

body {
background-color: #000;
}
</style>

<style type="text/css">
term {
background: transparent;
border: none;
}
</style>

</head>



<body>
<div id="WRAPPER">
<div class="term"><input name="email" type="text" id="email">
<form name="form1" method="post" action="insert_ac.php">
<input type="image" src="exit-gate/white-box-10.png" alt="{alternate text}" name="submit" value="submit">
</form>
</div>
</div>
</body>
</html>
</div>

最佳答案

尝试:

#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;
}

DEMO here.

关于html - 使文本输入框透明?应该很简单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20573549/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com