html中input透明度,Html透明文本输入框

我有以下代码示例:

{ margin: 0; padding: 0; }

html, body {

margin: 0;

height: 100%;

width: 100%;

overflow:hidden;

background-size: 100% 100%;

background-repeat: no-repeat;

}

.input {

margin: 0;

padding-top:0px;

padding-bottom:0px;

padding-left:0px;

padding-right:0px;

opacity: 0.6;

filter: alpha(opacity=60); /* For IE8 and earlier */

background-color:#000;

border:none;

outline:none;

}

#input {

opacity: 0.6;

filter: alpha(opacity=60); /* For IE8 and earlier */

border:none;

outline:none;

}

.bgDiv {

margin: 0;

padding-top:0px;

padding-bottom:0px;

padding-left:0px;

padding-right:0px;

z-index:1;

}

.mainDiv {

margin: 0;

padding-top:0px;

padding-bottom:0px;

padding-left:0px;

padding-right:0px;

z-index:3;

}

我试图使文本输入具有透明背景,因此用户可以看到页面的底层背景图像.而在同一时间,仍然可以看到框中输入的文字.

input[type=text] {

background: transparent;

border: none;

} background-color:rgba(0,0,0,0);

没有一个似乎工作或有任何影响.请帮忙.