CSS发抖

Related Posts

• 
  推荐10款非常优秀的 HTML5 开发工具

  HTML5 发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写…

• html照片从模糊到清晰的渐变加载显示方法

  1.背景介绍 在网络相册应用中用户查看照片是最朴素的需求，当网络比较慢的时候查看照片等待的时间是比较长的，用户体验会很差。   2.现状 现在加载照片的方法主要有一下两种： （1）最原始的方式在html页面直接用img标签加载显示照片。该方法在网络速度比较慢或者要显示的照片比较大的时候会页面出现空白的等待过程，并且不能开始给用户看到照片大概的情况，用户体验比较不好 （2）在html页面先用img标签加载显示照片的缩略图，同时用javascript隐藏的加载照片的原图，等照片大图加载完成后再将原图显示到页面中。以下是流程图： 该方法用户可以先看到的是模糊的小图，等照片的原图加载完后才能看到真实的照片，如果网络慢的话中间等待的时间也是比较长的，用户就一直看到模糊的小图，用户体验也不好。  …

• CSS：去除点击链接和按钮时出现的虚线框

  在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框，一般会在火狐和IE浏览器下出现虚线框，谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标，而用键盘Tab键进行页面浏览时，会标示出当前所在的链接或控件的位置，便于浏览。这对那些视觉有障碍的人士来说更是必不可少的。 但是有些时候我们却不想使用它们，因为浏览器对虚线框的解析有差异，并且不规则，所以在视觉设计上反而成为了某种缺陷。所以这种时候，我们想要禁用这些虚线边框，使浏览者的视觉享受能够完美无瑕。 那么，如何去除这些点击时才会出现的虚线边框呢？ 1. outline:none; 通常我们会这么写：a,input{outline:none;} 优点是代码简洁，使用一行css就能解决问题，但是也有缺点：ie6、ie7并不认识outline属性，需要配合仅ie6和ie7支持的css属性blr:expression_r(this.onFocus=this.blur());使用来达到兼容，expression 条件，这句话的意思是链接在获得焦点的同时失去焦点，但是blr不宜多用，会影响效率。…