テキスト入力ボックスを透明にしますか？シンプルなはずですか？

フォームの入力を透明にして、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>

出典

2013-12-13 HoustonGuy

"term"のcss宣言は、作業の希望があれば ".term"にする必要があります。あなたのDOM構造も混乱しています。閉じたHTMLタグの後ろに「div」をつけてはいけません。 – DrCord

@DrCord - それを指摘してくれてありがとう。私は初心者なので、行くときに物事が乱雑になる傾向がありますが、私はそれをきれいにするつもりです。ありがとう – HoustonGuy

試してみてください。

<input type="text" id="SI"/>

が、これは私の入力フィールドが、私はそれにIDを与えている：これはあまりにも単純だが、それは私の仕事の方法を探します

#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.

出典

2013-12-13 18:38:58 Hiral

私は 'rgba'値に' transparent'を使います。古いブラウザでは、デフォルトの色は無地になります。この場合、黒です。 – Smeegs

@Hiral、働いてくれてありがとう！もう1つ質問...ビジターが入力したときにテキストのフォント、サイズ、色を指定し、テキストボックスのサイズを指定する方法を教えてください。ありがとうございます！ – HoustonGuy

@ user3089680私は答えを編集しました。 [これはどういう意味ですか？]（http://jsfiddle.net/pWnhN/2/） – Hiral

（SI）、次に私のCSSで：

#SI{ 
    background-color:transparent; 
}

は、SI idを持つ要素への透明度を追加しました。背景が見えるようになった。

出典

2017-10-21 09:49:15

テキスト入力ボックスを透明にしますか？シンプルなはずですか？

答えて

関連する問題