Maison >interface Web >tutoriel HTML >Le div fixe en haut peut être réglé pour avoir un effet translucide

Le div fixe en haut peut être réglé pour avoir un effet translucide

高洛峰
高洛峰original
2017-02-23 13:28:412453parcourir

Cet article vous présente un div avec un dessus fixe pouvant être réglé sur un effet translucide. Il y a un rendu à la fin de l'article Vous pouvez vous référer au

nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 
 
<meta> 
<title>顶部固定</title> 
<style> 
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> 
 
 
<div><font>郑州大学</font></div> 
<div> 
<div> 
<p> 


再见,我一定会回来看你的! 
</p>
</div> 
</div> 
 

Le rendu. est le suivant :

Le div fixe en haut peut être réglé pour avoir un effet translucide


Pour plus d'articles liés au div fixe supérieur qui peut être réglé sur un effet translucide, veuillez faire attention au Site Web chinois PHP !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn