顶部固定div可设置半透明效果
导读：收集整理的这篇文章主要介绍了顶部固定div可设置半透明效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C//DTD HTML 4.01 Tr...
收集整理的这篇文章主要介绍了顶部固定div可设置半透明效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
!DOCTYPE htML PubLIC "-//W3C//DTD HTML 4.01 TransITional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html>
head>
meta http-equiv="Content-type" content="text/html; charset=UTF-8">
title> 顶部固定/title>
style type="text/css">
html,body { overflow:hidden; margin:0px; width:100%; height:100%; }
.virtual_body { width:100%; height:100%; overflow-y:scroll; overflow-x:auto; }
.fixed_div { position:absolute; z-index:2008; top:0px; left:0px; right:16px; height:40px; background:#CCCCCC; border-bottom:3px inset; border-color:#006699;
//bottom:20px;
//border:1px solid red;
//border-style:inset;
//半透明效果制作
//filter:alpha(opacity=50);
//-moz-opacity:0.5;
//opacity:0.5;
//background:#666666;
}
/style>
/head>
body>
div class="fixed_div"> font color="red"> 郑州大学/font> /div>
div class="virtual_body">
div style="height:888px; ">
p>
再见，我一定会回来看你的！
/div>
/div>
/body>
/html>
效果图如下：
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 顶部固定div可设置半透明效果
本文地址： https://pptw.com/jishu/587999.html