顶部固定div可设置半透明效果
来源: 阅读:720 次 日期:2016-06-16 09:00:44
温馨提示: 小编为您整理了“顶部固定div可设置半透明效果”,方便广大网友查阅!

这篇文章为大家介绍了一个顶部固定的div可设置半透明效果,文末有效果图,大家可以参考下。

代码如下:

顶部固定

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:3pxinset;border-color:#006699;

//bottom:20px;

//border:1pxsolidred;

//border-style:inset;

//半透明效果制作

//filter:alpha(opacity=50);

//-moz-opacity:0.5;

//opacity:0.5;

//background:#666666;

}

***

再见,我一定会回来看你的!

Baidu
map

更多信息请查看 网页制作
【点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】 【点此处查询各地各类考试咨询QQ号码及交流群】
上一篇: 值得收藏的html5代码片段
下一篇: 按钮与回车键关联的js代码
手机网站地址: 顶部固定div可设置半透明效果
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
相关阅读 网页制作
使用CSS制作立体导航栏 10月30日
用纯CSS3实现网页中常见的小箭头 10月30日
有关HTML5中背景音乐的自动播放功能 10月30日
HTML5、Select下拉框右边加图标的实现代码(增进用户体验) 10月30日
html5实现图片转圈的动画效果——让页面动起来 10月30日
html5清空画布方法(三种) 10月30日
HTML实现移动端固定悬浮半透明搜索框 10月30日
HTML5 文件域+FileReader 分段读取文件并上传到服务器 10月30日
Dreamweaver怎么设计彩色边框的表格? 10月30日
Dreamweaver怎么给个人简历添加照片并排版? 10月30日
基于HTML5的WebGL实现json和echarts图表展现在同一个界面 10月30日
解决HTML5手机端页面缩放的问题 10月30日
利用纯CSS实现居中的七大方法示例 09月29日
CSS3中伪元素::before和::after的用法示例 09月29日
详解使用 CSS 的 font-size-adjust 属性改善网页排版 09月29日
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO) 09月29日
css3 pointer-events 介绍详解 09月29日
CSS :focus-within的具体使用 09月29日
你所不知道的 CSS 动画技巧与细节 09月29日
详解CSS3选择器:nth-child和:nth-of-type之间的差异 09月29日
最新信息
公考类
招聘类
各类考试
关于我们| 联系我们| 人才招聘| 网站声明| 网站帮助| 非正式的简要咨询| 简要咨询须知| 加入群交流| 手机站点| 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00) 版权所有:
云南网警报警专用图标
Baidu
map