用CSS实现跟随滚动条漂浮层
来源:互联网 发布:我的世界手机创世神js 编辑:程序博客网 时间:2024/05/21 06:12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
.header {
padding: 10px 0 0;
position: fixed;
width: 300px;
height:50px;
background-color:#000;
opacity: 0.2;
filter:alpha(opacity=20);
}
</style>
</head>
<body>
<div style="position: absolute; left: 0pt; top: 100px;">
<div class="header">
</div>
</div>
<div style="height:2000px; background-color: #DEFBFF;"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
.header {
padding: 10px 0 0;
position: fixed;
width: 300px;
height:50px;
background-color:#000;
opacity: 0.2;
filter:alpha(opacity=20);
}
</style>
</head>
<body>
<div style="position: absolute; left: 0pt; top: 100px;">
<div class="header">
</div>
</div>
<div style="height:2000px; background-color: #DEFBFF;"></div>
</body>
</html>
- 用CSS实现跟随滚动条漂浮层
- jQuery 跟随滚动条漂浮层 置顶效果
- 跟随滚动条漂浮的JS特效
- 浮层跟随滚动条移动的实现办法
- 跟随滚动条滚动的层
- 跟随滚动条的漂浮图片窗体两侧
- 跟随滚动条的漂浮图片窗体两侧
- 跟随滚动条漂浮的返回顶部按钮效果
- 跟随滚动条滚动的层(浮动AD效果)
- 子元素scroll父元素容器不跟随滚动(JS实现),子元素内滚动条没有(css实现)
- jQuery跟随浏览器滚动条浮动层效果
- 跟随屏幕滚动层
- 跟随垂直滚动条滚动的DIV实现
- js控制div层的显示跟随滚动条滚动而滚动
- CSS实现Table滚动条
- css实现滚动条效果
- css实现滚动条隐藏
- jQuery实现浮动层跟随页面滚动效果
- Navicat_for_MySQL 使用技巧
- 怎样用JS给,option添加“选中”属性
- 关于携带完整alpha通道图标的技术研究
- 64位系统上装32位程序报错处理
- android looper 详解
- 用CSS实现跟随滚动条漂浮层
- Apache,Nginx自动压缩页面设置
- 给程序员简历的一些建议
- 操作系统的基本概念
- 关于 JAR 您不知道的 5 件事
- socket编程函数和步骤
- eval 给每个值一个变量名
- Hadoop源码编译-hadoop-2.0.3-alpha-Linux-CentOS
- 内网端口映射详解(花生壳)