6
Tôi có một bộ div trong suốt với rgba và muốn trên div đó một trường đầu vào cũng có nền trong suốt. Vấn đề là nền trường đầu vào không được hiển thị trong suốt. Nó hoạt động nếu tôi sử dụng opacity:0.8; trên div nhưng hơn cả văn bản trong suốt, vì vậy tôi cần rgba. Đối với trường nhập thứ hai nằm ngoài div minh bạch rgba hoạt động.Cách đặt trường nhập html trong suốt trên div trong suốt?
Đây mã ví dụ của tôi:
<!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,0,0.8);
color: #5fba3d;
width: 200px;
height: 100px;
}
input {
background-color: rgba(0,0,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>
Bất kỳ ý tưởng?
Cảm ơn!
Nathanael
Cảm ơn rất nhiều. Thiết lập màu nền của trường đầu vào hoàn toàn minh bạch đã không đến với tâm trí của tôi ;-) – Nathanael