CSS实现遮罩层无需js

显示全部楼层 · 2015-3-9 10:09:43

无需js 最简单最有效的方式实现遮罩层，并且随着浏览器当前位置滚动
[HTML] 纯文本查看 复制代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Position 定位实现 DIV 在窗口居中</title> <style type="text/css"> .dialog{ position: fixed; _position:absolute; z-index:1; top: 50%; left: 50%; margin: -141px 0 0 -201px; width: 400px; height:280px; border:1px solid #CCC; line-height: 280px; text-align:center; font-size: 14px; background-color:#F4F4F4; overflow:hidden; } </style> </head> <body> <div class="dialog">我是在窗口正中央的，呵呵！</div> CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。 </body> </html></td> </tr> </table>