-1 
input[type="text"], input[type="password"]{
    opacity:0.5;
}

これにより、入力本体と境界線の両方がフェードします。境界線を透明にしたくなく、本体だけにしたいので、下にある画像が表示されます。もちろん、入力内のユーザーテキストは透過的であってはなりません。 

input [type="submit"]{
    margin-left:50px;  // here nothing works at all.
}
4

4 に答える 4

1

不透明度は、その中のテキストを含むテキスト入力全体で機能します。したがって、コードは機能しません。

于 2012-12-27T15:17:24.233 に答える
1

オプション1）CSS3を使用できますか？もしそうなら、（もちろん、あなたが望む色で）使用してください：

background-color: rgba(255,0,0,0.5);

オプション2）入力の背景を見たい画像として設定できます。

オプション3）背景を半透明の単色画像（.gif / .png、サイズは1x1で、XとYで繰り返すことができます）として設定できます。

于 2012-12-27T15:26:35.673 に答える
1

opacityプロパティは、要素全体の不透明度に影響します。あなたの質問は少し曖昧ですが、コンテンツと境界線が透明であってはならない一方で、あなたは半透明の背景を持ちたいと思います。

そのためには、要素に半透明の背景を設定する必要があります。これはアルファ透明度と呼ばれます。これは、4番目のカラーチャネル（アルファチャネル）が透明度情報（通常はPNGなどの画像）を格納するために使用されるためです。

最新のブラウザでは、プロパティのrgba()値を使用できます。background

/* semi-transparent white background */
background: rgba( 255, 255, 255, .5 );

MS IEでは、MS IE 5以降のARGB色をサポートするグラデーションフィルターを使用できます。色からそれ自体にフェードするだけです（アルファチャネルが最初に来て、4つの色の値すべてが2桁の16進数として示されることに注意してください）。

/* the same for IE 7+8, should get included in a separate MS IE specific stylesheet */
background: none;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#E5FFFFFF, endColorstr=#E5FFFFFF );
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#E5FFFFFF, endColorstr=#E5FFFFFF );
于 2012-12-27T15:37:34.863 に答える
0

送信するには、セレクターのスペースを削除する必要があります。

input[type="submit"]{
  margin-left:50px; 
}​

また、要素のどの部分を透明にするかを指定することはできませんopacity。err'thangに適用されます。境界線を作成するためにラッピングdivを使用するなど、目的を達成するための「ハック」のようなものがあるかもしれません。

于 2012-12-27T15:18:44.860 に答える