CSS实现遮罩层无需js-ASP.NET代码示例-C#论坛-C#教程-IBC编程社区

ibcadmin 发表于 2015-3-9 10:09:43

CSS实现遮罩层无需js

无需js最简单最有效的方式实现遮罩层，并且随着浏览器当前位置滚动<!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>

等待时候 发表于 2015-3-9 11:28:11

提个意见，应该出现遮罩层后！遮罩层后面的应该是不可选，不可操作的！

ibcadmin 发表于 2015-3-9 14:42:46

你说的那个是置灰，置灰也是一句话的事但是这个帖子只实现遮罩层。

页: [1]

IBC编程社区-C#论坛-C#教程,ASP.NET教程-C#源码's Archiver

CSS实现遮罩层无需js