文章关键字 ‘IE6’

letter-spacing+first-letter实现按钮文字隐藏

2013年07月30日,星期二

图片式按钮的文字隐藏看来是大家都比较关注的一个问题(分享讨论、微博转发等可见一斑),text-indent负值为最常用方法,然问题有三……

上周分享,有同行提到另外一个隐藏之法,简称为:font: 0/0 a法,然而也有不足……

我午饭后打瞌睡的时候想到了一个方法,一句话概括就是letter-spacing负值+first-letter伪元素负值实现……

阅读全文…

利用重绘解决IE下JS交互产生的定位重叠等棘手bug

2013年01月22日,星期二

我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题,像是错位啊,不对齐啊,行高失效等。
这些都是嚼了好多年的烂芋头,就像风水日晒很多年的门面店,是个装修工都能美化修复,不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了,比方说一个外表靓丽光鲜的门面店,只要门一开,尼玛,天花板就会挂到门上去了。此时该怎么办?……

本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题,精制的demo,丰富的截图以及必要的源代码展示,希望本文的内容能够您的学习有所帮助。

阅读全文…

CSS 相对/绝对(relative/absolute)定位系列(四)

2011年08月6日,星期六


本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性,以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点,讲述的是relative相对定位的最小化影响原则。有demo,有实例,有截图以及必要的源代码展示。总之,希望本文的内容对您的学习有所帮助。

阅读全文…

小卖弄:开心网标签词观点交互的CSS实现

2011年06月10日,星期五

开心网转帖后面有一个标签式的短评观点交互效果,这种效果的精髓与QQ好友印象是很接近的。但是开心网的实现标签N多,层级也N复杂,且JS实现的交换,并使用了背景图片,缺点多多。本文的内容就是如何使用纯CSS实现类似的效果。本文提供必要的demo页面,页面截图和源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip:IE不支持CSS3多背景的替代解决方案

2011年05月23日,星期一

IE6-IE8浏览器不支持CSS3多背景(Multiple backgrounds),只使得这个很惹人爱的属性没了用武之地,好在IE浏览器下还是有替代的解决方法的。而本文的内容就是介绍这种替代方法,并展示了比较实际的应用实例。显然,像这种性质文章,demo页面自然少不了,丰富飞截图自然少不了,必要的源代码展示也少不了。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS clip:rect矩形剪裁功能及一些应用介绍

2011年04月2日,星期六


CSS中有一个属性叫做clip,为修剪,剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中,且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是,貌似大家很少使用此属性。实际上clip是实在在的可以在实际项目中大放光彩的东东。

本文一如既往,提供必要的demo页面以及源代码展示,提供属性的一些具有代表性的实例。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS 相对/绝对(relative/absolute)定位系列(三)

2011年03月20日,星期日


本文是CSS 相对/绝对(relative/absolute)定位系列的第三篇,主要内容是absolute绝对定位的可用性隐藏,absolute绝对定位与等高布局,以及absolute相关的一些有趣的兼容性问题探讨。本文断断续续写了一个星期,所以行文上可能没有一气呵成之感;本周遇到些不顺心的事情,所以言语上也不如之前文章活波。但是,内容上并没有偷工减料,该有的截图还是有的,该有的demo还是有的,必要的代码展示也是有的。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

Colortip – jQuery文字信息提示插件简介

2010年10月15日,星期五

jQuery tip类的信息提示插件层出不穷,但是我都没有介绍,为什么呢?就跟谈恋爱一样,虽然前面走过的女生不少,不错的也不少,但是自己没有谈恋爱的心思,也是鸳鸯蝴蝶一场梦,非要在那个特定的时间点上,正好遇到一个人,觉得……于是……这就是所谓的缘分。所以,这里介绍这个Colortip信息提示插件,不是因为这个插件多么多么的好,长得多么多么的迷人,只是自己觉得是不是应该像以前一样,分析介绍一些不错的常用的插件啊,正好,今天让我遇到了它,觉得好像还挺靠谱的,于是,就拿来成文。这就是缘分那!
小插件,内容不多,效果还凑合。提供截图效果展示,中文demo,还有精巧的源文件下载,希望能对您的学习有所帮助。

阅读全文…

Selectivizr-让IE6~8支持CSS3伪类和属性选择器

2010年09月14日,星期二


IE浏览器对CSS伪类以及位元素的支持很弱,很多很不错的功能都不能使用,这某种程度上限制了web的发展。聪明的工程师们总能想出一些修复弥补的方法,就像本文要介绍的Selectivizr。Selectivizr使用很简单,可以让让IE6/IE7/IE8支持CSS3伪类和属性选择器,算是不错的东西。如果您需要的话,应该会提供不少帮助的。本文内容虽然不错,但是依旧提供源文件下载以及demo展示。

阅读全文…

PIE使IE支持CSS3圆角盒阴影与渐变渲染

2010年07月23日,星期五

本文将详尽的展示让IE浏览器(IE6/IE7/IE8)支持常见CSS3属性的又一个方法。主要包括CSS3 border-radius圆角,box-shadow盒阴影,以及背景色渐变等。使用简单,资源开销也相对较小。

本文提供丰富的效果截图,代码展示。提供源文件打包下载,同时制作了大量的demo,以及实例演示。并对可能存在的一些问题进行的介绍与分析,希望可以对您的学习有所帮助。

阅读全文…