html-透明背景层
HTML 背景 透明
2023-09-27 14:20:51 时间
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery手写弹出层背景半透明,内容不透明</title> <script src="jquery.min.js"></script> </head> <body> <style> *{ margin:0; padding:0;} .alertDiv{ position:fixed; width:100%; height:100%; top:0; color:#fff;} .alertCon{ position:absolute; width:100%; height:100%; text-align:center; margin-top:20%; z-index:999;} .alertBg{ position:absolute; width:100%; height:100%; background:#000; opacity:0.7; z-index:99;} </style> <div class="alertDiv"> <div class="alertCon"> <img src="QQ截图20170306172127.png" /> </div> <div class="alertBg"></div> </div> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> <p>Body内容</p> </body> </html>
相关文章
- VSCode调试Html中的脚本 vscode前端常用插件推荐,搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js
- 软件系统架构 https://www.lanhusoft.com/Article/349.html
- Word控件Spire.Doc 转换教程(十四):使如何在 C#、VB.NET 中将 HTML 转换为 XML
- 【Vue】Vue中的data数据包含html标签元素的解决方法
- react 调用项目中的 .html 文件
- html background 背景颜色美化 类似毛玻璃
- HTML特殊字符过滤器
- jQuery HTML
- js 去掉html标签
- 会说话的HTML--语义化杂谭-TGideas-腾讯游戏官方设计团队
- GAMES202-熟悉HTML基本格式及代码标签(了解向)
- html的常见meta标签信息