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

This fades both - input body and border. I don't want border transparent, just body, so the underlying image is visible. User-text inside the input should not be transparent, of course. 

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

4 回答 4

1

不透明度适用于整个文本输入，包括其中的文本。所以你的代码不起作用。

于 2012-12-27T15:17:24.233 回答
1

该opacity属性影响整个元素的不透明度。你的问题有点含糊，但我假设你想要一个半透明的背景，而内容和边框不应该有透明度。

为此，您需要为元素设置半透明背景。这称为 alpha 透明度，因为第四个颜色通道 - alpha 通道 - 用于存储透明度信息（通常在像 PNG 这样的图像中）。

在现代浏览器中，您可以使用rgba()该属性的值background：

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

在 MS IE 中，您可以使用渐变过滤器，该过滤器从 MS IE 5 开始支持 ARGB 颜色。只需从一种颜色淡入到自身：（请注意，alpha 通道首先出现，所有四个颜色值都被标记为两位十六进制数）

/* 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 回答
1

选项1 ) 你可以使用CSS3吗？如果是这样，请使用（当然，使用您想要的颜色）：

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

选项2）您可以将输入的背景设置为您想要看到的图像。

选项3）您可以将背景设置为半透明纯色图像（.gif/.png，大小可以是 1x1，并在 X 和 Y 方向重复）。

于 2012-12-27T15:26:35.673 回答
0

对于提交，您需要删除选择器中的空间：

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

而且您无法指定要使用透明元素的哪些部分opacity。它适用于 err'thang。可能有各种“黑客”来实现您想要的，例如使用包装 div 来创建边框。

于 2012-12-27T15:18:44.860 回答