css图片遮罩蒙板 全局斜线网格覆盖效果

先上效果：

原图：

添加网格蒙板后（点击放大查看细节）：

点击放大

 

这种效果国外的网站用的比较多，，，感觉很好，很精细的感觉。

其实也很简单，就是一个小png覆盖了而已。

源码贴到下面，可以下载。

关键代码：

1     width:100%;
2     height:100%;
3     position:fixed;
4     top:0px;
5     left:0px;
6     background:transparent url(images/pattern.png) repeat top left;
7     z-index:2;

 

 

　DEMO下载

posted @ 2012-05-30 12:39  coldair  阅读(1302)  评论(0)  编辑  收藏  举报