div+css
Dreamweaver CS5代码编纂器方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css样式若何节制div到最顶层 。
文章插图
2在test.html文件内 ， 利用css设置页面所有的div宽度为300px ， 高度为300px ， div的位置为绝对定位 。
文章插图
3在test.html文件内 ， 建立三个div ， 并用文字标识 ， 别离为底层div、中层div、最顶层div 。
文章插图
4在test.html文件内 ， 别离给三个div设置class属性为one、two、three ， 用于下面临类名进行样式设置 。
文章插图
5在css标签内 ， 设置类名为one的div样式 ， 设置其布景颜色为红色 ， 距离页面左边缘为0 ， 距离页面上边缘为0 ， 同时利用z-index设置其层级为1 。
文章插图
6【css样式如何控制div到最顶层】在css标签内 ， 设置类名为two的div样式 ， 设置其布景颜色为黄色 ， 距离页面左边缘为50px ， 距离页面上边缘为50px ， 同时利用z-index设置其层级为2 ， 即在类名为one的div的上面 。
文章插图
7在css标签内 ， 设置类名为three的div样式 ， 设置其布景颜色为粉红色 ， 距离页面左边缘为100px ， 距离页面上边缘为100px ， 同时利用z-index设置其层级为3 ， 即在页面三个div中的最顶层 。
文章插图
8在浏览器打开test.html文件 ， 查看实现的层级结果 。
文章插图
以上内容就是css样式如何控制div到最顶层的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 用CSS+DIV实现四列式分栏
- 蓝牙耳机的使用连接方法？如何连接电脑
- 如何使用PS打造冬天的雪花纷飞的效果
- 如何用爱剪辑去掉字幕
- 心理学家为何不教人们如何防止自杀？
- Win10的网上邻居在哪里 如何打开网上邻居
- 崩坏三如何更换看板娘
- linux如何查看端口相关信息
- 如何成为斗鱼TV的主播
- 怎样找、如何下载合适自己的显卡驱动