摘要:
css学习网站CSSPlaycssplay是一个CSS demo网站,里面很多demo,这些文章有教如果放置图片,有些是说CSS技巧。=======================1. CSS Help Pile CSS Help Pile重点关于CSS资源,技巧与手法。该网站授予良好的网页组及优秀的资源,适用于各个水平的开发人员,分类包括:初学者,浏览器解析的错误,简评CSS的书籍。2. A List Apart CSS Topics A List Apart是一个CSS优秀文章的收集网站,从1999年开始收集文章,关注最佳网页设计。3. CSS Basics CSS Basics可以当成一 阅读全文
摘要:
[兼容IE各版本] 同时使用多个 IE 滤镜当 CSS3 遇上较低版本 IE,滤镜就成了实现兼容性的折衷方案之一。虽然滤镜是过时很久的技术了,但还是能看出微软的高瞻远瞩——早在 IE6 就用滤镜实现了 bug 丛生的 CSS3 特性。以下是 MSDN 《Alpha Filter》 中同时使用多个滤镜的示例,适合各个 IE 版本。滤镜之间使用空格或者回车隔开(DEMO):<DIV STYLE="width:100%; filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310) p 阅读全文
摘要:
CSS滤镜使用(IE)CSS滤镜虽然只能在IE浏览器中表现出效果,但是仍不失为网页增加特效的好办法。1.CSS静态滤镜样式 (filter)CSS静态滤镜样式的使用方法:{ filter : filtername( parameters1, parameters2, ...) }Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength blur 在指定的方向和位置上产生动感模糊效果 add、direction、str 阅读全文
摘要:
IE中的CSS3不完全兼容方案Opacity透明度元素的透明度在IE中可以很方便的用滤镜来实现。view sourceprint?1background-color:green;2opacity: .4;3filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);这里半透明区域opacity: .4;filter:alpha(opacity=40);border-radius圆角/Box Shadow盒阴影/Text Shadow文字阴影在IE中可以利用Vector Markup Language (VML)和javascript来实 阅读全文
摘要:
PIE之简述在国外,CSS3的盛行与普及,探讨与研究要比国内领先不知多少个身位。相比之下,国内似乎如一潭死水,为何?我觉得国内领先的前端团队应该通过自身的影响力,带动国内整个前端领域与时俱进。然而,可以理解,我们都是要养家糊口或是谈情说爱的,我们不都是圣人,有着以天下兴亡为己任的责任心与使命感,所以呢,要么等着别人喂,要么闭门造车。这,不说也罢。我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。都目前为止,有不少可以让IE支持部分CSS3 阅读全文