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

高洛峰
Libérer: 2017-02-23 13:28:41
original
2456 Les gens l'ont consulté

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> 
 
Copier après la connexion

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 !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal