7

rgbaで透明に設定されたdivがあり、そのdivに背景も透明な入力フィールドが必要です。問題は、入力フィールドの背景が透明にレンダリングされないことです。divで使用すると機能opacity:0.8;しますが、テキストも透明なので、が必要rgbaです。透過divの外側にある2番目の入力フィールドは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,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>

何か案は？

ありがとう！

ナタナエル

4

2 に答える 2

9

テキストが透明にならないようにrgba値を変更すると、Nathanealは正常に機能します

input {
background-color: rgba(0,0,0,0.1);
color: red;
border: none;
}

これがお役に立てば幸いです...デモをご覧いただけます：-http： //jsbin.com/avupaw/16/edit#html,live

于 2012-06-27T08:53:00.627 に答える
5

あるいは単に

input {
    background: none;
    color: red;
    border: none;
}
于 2013-07-31T14:09:27.750 に答える