CSS3图片模糊过滤效果——让甲方感受落差
在最近项目中遇到两类客户,一类是传统类型的高大上IE6级别客户,另一类则是使用谷歌、火狐等先进浏览器的年轻一代客户,前者不作详述;后者则是前端们挣扎在当前过渡阶段的曙光——我们能通过后者这类客户,借他们之手,引领高大上传统类客户接受新式浏览器。而我们要做的就是在页面中兼顾两类用户群的体验。其实前者就是后者现在的领导,后者则是未来的领导,也就是未来的甲方。
无伤大雅的细节上多用CSS3美化处理:
——最普遍的样式
在图片列表页我们最常用的就是给图片加上border顶多再来一个1px或者2px的padding,然后在鼠标悬停时加上边框变色,仅此而已,这是最兼容最普通的做法,然而最近越来越多年轻的客户逐渐意识到先进浏览器带来的视觉体验,就像当年的flash,“给我来个flash炫光!”,希望我们能给他们的网站锦上添花一下。
——用好的浏览器才能看到的样式。
以下是实际效果。
不知道什么时候起,我们当中很多高手大师都陷入了“必须得兼容低级浏览器”这样的怪圈子研制出各种特地在IE6下加载的JS,用起来也不见得多轻松,反正我是菜鸟我不懂他们的境界。通常我们可以做两套,一套丑的给低级浏览器,想看好看的另一套吗?请用谷歌火狐IE10吧。
用户登录
还没有账号?
立即注册