我有一个div设置透明与rgba并希望在该div上输入字段也具有透明背景.问题是输入字段背景不呈现透明.
如果我使用不透明度,它可以工作：0.8;在div而不是文本是透明的,所以我需要rgba.
对于透明div rgba之外的第二个输入字段.
如果我使用不透明度,它可以工作：0.8;在div而不是文本是透明的,所以我需要rgba.
对于透明div rgba之外的第二个输入字段.
这是我的示例代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Insert title here</title>
<style type="text/css">
.term {
background-color: rgba(0,0.8);
color: #5fba3d;
width: 200px;
height: 100px;
}
input {
background-color: rgba(0,0.8);
color: #FFF;
border: none;
}
</style>
</head>
<body>
<div style="background-color:yellow; width:300px;">
<div class="term">
Input 1 <input type="text" value="Test" />
</div>
<br />
<input type="text" value="Input 2" />
</div>
</body>
</html>
有任何想法吗？
谢谢！
拿但业
解决方法
嘿Nathaneal,如果我改变rgba值,它的工作正常,所以文字不会透明
input {
background-color: rgba(0,0.1);
color: red;
border: none;
}
我希望这能帮到您…
你可以看到演示： –
http://jsbin.com/avupaw/16/edit#html,live
