页面灰色滤镜

Posted By admin   |   已有 0 条评论   |   Date: 2016-03-27 13:39:43

body{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filt...

浅议内滚动布局

Posted By admin   |   已有 0 条评论   |   Date: 2016-01-26 02:14:25

一、什么是内滚动布局? 所谓“内滚动布局”,顾名思义就是主滚动条在页面内部的布局,是相对于传统的<html>滚动而言的,例如,下图所示滚动条,是从头部下方开始: 传统的页面滚动,基本上是相对于整个浏览器窗体,例如,QQ视频首页: 二、为什么会有内滚动布局? 随着显示器设备越大越宽越密,以及现代web技术的发展。web站点已经开始有了从传统的瀑布式网页向类桌面软件风格站点转变的趋势。比方说,QQ音乐的首页目前是这样子的: 以后可能就会变成这样子: “纳尼,这不就是现在的QQ音乐...

解决 IE6 position:fixed 固定定位问题

Posted By admin   |   已有 2 条评论   |   Date: 2013-05-16 21:55:41

就像你所遇到的问题一样, IE6 有太多的 bug 让制作网页的人头疼。这篇文章介绍的是介绍我的如何解决 IE6 不支持 position:fixed; 属性的办法。关于 position:fixed; 属性    生成绝对定位的元素,相对于浏览器窗口进行定位。    元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。position:fixed; 可以让网页上的某个元素固定在一个绝对的位置,即使拉动滚动条位置也不发生变化。(在 LOO2K 博客右下角的那个置顶的小按钮就是用了这个 CSS 属性实现的)一般的 position:fixed...

css滤镜filter - AlphaImageLoader滤镜讲解

Posted By admin   |   已有 0 条评论   |   Date: 2013-03-14 11:40:28

Microsoft.AlphaImageLoader是IE滤镜的一种,其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片,但是就IE5-IE6而言还是有一定的意义。语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 属性: enabled :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true ...

CSS高度自适应

Posted By admin   |   已有 2 条评论   |   Date: 2013-03-07 15:44:34

看演示

几个你不了解的margin特性

Posted By admin   |   已有 0 条评论   |   Date: 2012-09-22 14:53:06

原文链接:http://www.hicss.net/do-not-tell-me-you-understand-margin/你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?……写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写下这篇文章,一来是自己工作中的总结,也是对自己知识的一次梳理。Margin是什么    CSS 边距...

如何让不定宽度的UL相对父级DIV居中

Posted By demo_001   |   已有 3 条评论   |   Date: 2012-09-22 14:53:06

ul居中在oprea和firefox中用margin:0 auto;和text-align:center;就可以轻松的实现了,然而在IE中确是居左显示的,具体的错误原因就有待高手去考证。下面的方法可以轻松的实现ul居中显示,注意ul和li都必须定义float,否则无效哦。相信大家都知道float:left和float:right,那么是否想过float:center呢?让UL居中浮动!<div id="dondiv"> <ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </div>我们希望实现l...