使用CSS設(shè)置一個(gè)圖片的透明效果
?效果:可以通過前面的圖片看到后面的圖片
?主要用的是filter:alpha(opacity=50);
?其中50為透明值,0表示完全透明,100表示不透明。
?詳細(xì)代碼:
<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(http://www.mxio.cn/images/logo.gif) no-repeat;
?}
? </style>
? </HEAD>
?
?<BODY>
?? <div id=”nav”>???
?? </div>
? </BODY>
?</HTML>
css圖片透明效果
使用CSS設(shè)置一個(gè)圖片的透明效果 效果:可以通過前面的圖片看到后面的圖片 主要用的是filter:alpha(opacity=50); 其中50為透明值,0表示完全透明,100表示不透明。 詳細(xì)代碼: HTML HEAD TITLE 圖片透明效果 /TITLE style body { background-image: url(images/
