减小字体
增大字体- ·上一篇文章：CSS效果--动态更改list-style-type属性
- ·下一篇文章：window.open实现网页对话框
当前位置：K88软件开发 → 文章中心 → 编程语言 → Css/Css3 → Css/Css301 → 文章内容
CSS设置图片透明效果
使用CSS设置一个图片的透明效果
效果：可以通过前面的图片看到后面的图片
主要用的是filter:alpha(opacity=50)
其中50为透明值，0表示完全透明,100表示不透明。
详细代码：
<
HTML>
<
HEAD>
<
TITLE>
图片透明效果
<
/TITLE>
<
style>
body
{
background-image:
url(images/1.jpg)
}
#nav
{
width:760px
height:90px
margin:15px
0
0
10px
overflow:hidden
margin-top:100px
margin-left:20px
filter:alpha(opacity=50)
background:url(images/2.gif)
no-repeat
}
<
/style>
<
/HEAD>
<
BODY>
<
div
id="
nav"
>
<
/div>
<
/BODY>
<
/HTML>
效果：可以通过前面的图片看到后面的图片
主要用的是filter:alpha(opacity=50)
其中50为透明值，0表示完全透明,100表示不透明。
详细代码：
<
HTML>
<
HEAD>
<
TITLE>
图片透明效果
<
/TITLE>
<
style>
body
{
background-image:
url(images/1.jpg)
}
#nav
{
width:760px
height:90px
margin:15px
0
0
10px
overflow:hidden
margin-top:100px
margin-left:20px
filter:alpha(opacity=50)
background:url(images/2.gif)
no-repeat
}
<
/style>
<
/HEAD>
<
BODY>
<
div
id="
nav"
>
<
/div>
<
/BODY>
<
/HTML>
CSS设置图片透明效果
