css中添加：
body {
animation:fadeInAnimation ease 1.8s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
@keyframes fadeInAnimation {
0% {
opacity:0;
}
100% {
opacity:1;
}
}.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
上面的几个属性分别是:
opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.
filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
如何让背景图片透明
<head>
<title>背景透明</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css"> <!-- .alpha{filter:alpha(opacity=30); } --> </style>
</head>
<body background="image/back.jpg" class="alpha">
</body>
</html>
其中，opacity=30 是透明程度，越小越透明。
CSS圆角 border-radius：用这个属性能实现圆角边框的效果。 现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码： Mozilla/Firefox 和 Safari 3用户将在这里看到圆角边框 此外，设计者还可以随意指定圆角的位置，左上、左下、右上...
CSS圆角 border-radius：用这个属性能实现圆角边框的效果。
现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码：