html怎么把框变透明_随笔

任意标签：比如<input>

<!DOCTYPE html>

<html>

<head>

<title>透明文本框</title>

input {

filter: alpha(Opacity=80)

-moz-opacity: 0.5

opacity: 0.5

}

</style>

</head>

<body>

</html>

即可实现透明文本框，filter: alpha(Opacity=80)-moz-opacity: 0.5opacity: 0.5

图层透明可能有3种可能。

图层没有背景色或背景图片，其本身就是透明的，其中有文字、图片不透明，没有内容的区域可以直接看到下一层。

通过CSS样式表设置

filter:alpha(Opacity=50) /*IE支持，取值0-100*/

opacity: 0.5 /*HTML5浏览器，取值0-1*/

这种方法包括背景，内容的文字、图片、边框都会变为半透明。

3、做一张PNG图片，PNG图片支持透明和半透明甚至渐变透明。图层以这张图片作为背景。和第一种情况一样，背景是透明或半透明的，但内容是不透明的。

欢迎分享，转载请注明来源：内存溢出

html怎么把框变透明