文章关键字 ‘伪类’

小tip:CSS计数器+伪类实现数值动态计算与呈现

2014年12月7日,星期日

内容如题,重在展示,以及开拓眼界,拓宽思路。与通常该调调的文章类似,有demo,有源代码展示,还有必要的截图。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip: CSS动态实现文本框清除按钮的隐藏与显示

2014年03月28日,星期五

search类型搜索框,设计师常常会设计一个叉叉图标,表示用户点之久可以清除输入的内容。

这是不错的体验!
当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮的动态呈现,不过搜索input框尺寸不太好控制(padding无视);FireFox浏览器貌似任何类型的输入框都无动于衷;IE10+浏览器貌似任何输入框都会出现清除按钮,但是长得略微粗糙了点,设计师同学接受不了。
貌似不和谐了,咋办?传授个新技能,借助HTML以及CSS,来模拟清除按钮可动态呈现的搜索框……

源代码、demo页面、截图一个不少,希望本文的内容能够对您的学习有所帮助。

阅读全文…

URL锚点HTML定位技术机制、应用与问题

2013年08月25日,星期日

点击查看本文

关于锚点,我3年前就写过关于锚点跳转及jQuery下相关操作与插件,不过内容略浮躁,都是偏表象、偏基本应用层面的东西;这里还是关于锚点,探讨的内容可能更深层次一点。

我们可能就很简单地认为锚点定位的触发是通过点击事件。而实际上,这种顺势而然的理解类似于古人理解为太阳绕着地球转一样,是有失偏颇的。我个人认为,锚点的定位是通过……

长篇,内容丰富,干货较多,希望本文内容能够对您的学习有所帮助!

阅读全文…

first-line伪类实现兼容IE6/IE7的单标签多背景效果

2013年07月5日,星期五

background+filter滤镜可以实现低版本IE浏览器下的多背景效果,::first-line伪元素也是可以实现的,本文就将介绍这种技巧。有表格数据、有源代码展示,有demo页面,有效果截图,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…