李家恒 の成长道路

我们经常看到一个页面上有很多小图标，可是当我们用工具去打开时却发现这些小图标其实在一张图片上，这是怎么实现的呢这当中用到了CSS Sprites切图技术。CSS Sprites其实就是把网页中一些图标整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，b

昨天写了篇《jQuery mobile中固定list-divider方法》，达到的效果不理想，可以明显看到页面滚动时分栏会抖动。今天继续解决这问题，看了两个网站1、http://pinterest.com/2、http://phonegap.com/about这上面都有我想要达到的效果。我了解到它们采用的都是position:fixed属性。这要比捕捉滚动事件和获取scroll

解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案，但是说的不够全面，前端观察最近将整理更多更全面的资源给大家，敬请期待。         译 ：前一段时间，我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和C

在jQuery mobile中使用listview，我们有时候希望list-divider能固定在顶端，特别是检索信息时。查看CSS的position属性，有四种不同类型的定位: static, relative, absolute, fixed。这里使用relative。关键技术——使用jqm绑定scroll事件，随着滚动实时改变list-divider的top属性。代码：

1、background属性：{ background:white url(app/arrow_collapse.png) no-repeat 93% 50%; background-size: 18px 12px}93%是背景图片位于此元素x轴位置，50%是位于y轴位置。background-size是CSS3特性。2、字符串超过容器长度自动显示省略号：{ w