手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css图片透明效果
css图片透明效果
摘要:使用CSS设置一个图片的透明效果效果:可以通过前面的图片看到后面的图片主要用的是filter:alpha(opacity=50);其中50为...

使用CSS设置一个图片的透明效果

效果:可以通过前面的图片看到后面的图片

主要用的是filter:alpha(opacity=50);

其中50为透明值,0表示完全透明,100表示不透明。

详细代码:

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/logo.gif) no-repeat;

}

/style

/HEAD

BODY

div

/BODY

/HTML

【css图片透明效果】相关文章:

css3实现闪亮进度条效果

css实现图片在div中居中的效果

一款纯css实现的垂直时间线效果

CSS等比列放大缩小效果

CSS立体按钮效果

css解决覆盖父元素透明度的效果

用CSS实现文字的阴影效果

CSS控制图片自适应Div大小

CSS通过RGBa将一个元素设置为透明效果

CSS常用样式效果

精品推荐
分类导航