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  阅读(1311)  评论(0编辑  收藏  举报