>  기사  >  웹 프론트엔드  >  상단의 고정 div는 반투명 효과를 갖도록 설정할 수 있습니다.

상단의 고정 div는 반투명 효과를 갖도록 설정할 수 있습니다.

高洛峰
高洛峰원래의
2017-02-23 13:28:412365검색

이 기사에서는 반투명 효과를 설정할 수 있는 고정 상단 div에 대해 소개합니다. 기사 마지막 부분에 렌더링이 있습니다.

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> 
 

렌더링은 다음과 같습니다.

상단의 고정 div는 반투명 효과를 갖도록 설정할 수 있습니다.


반투명 효과로 설정할 수 있는 더 많은 상위 고정 div에 대해서는 PHP 중국어 웹사이트에서 관련 기사를 주목하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.