纯css实现div悬浮不动效果-网页编程网

当前位置：主页 >> 网页特效 >> 正文

纯css实现div悬浮不动效果

阅读：4393 输入：2015-09-16 13:34:29

很多网站使用此法，css实现div悬浮不动效果很简单，代码如下：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS固定定位</title>
<style type="text/css">
{
padding:0;
margin:0;
}
div{
width:100%;
line-height:30px;
background: red;
border:1px solid #F90;
position:fixed;
top:0px;
left:0px;
}
</style>

</head>
<body>
<div id="fixedLayer">固定不动</div>
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
</body></html>

上一篇：css控制选中文本时的颜色
下一篇：myeclipse的web部署与tomcat的文件关联

相关阅读: 利用css实现li的三角符号列表（无图片背景）; css画竖线的多种方法; 一行三列自适应的CSS列表布局