欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 页面出现“加载中……”时,如何妙用CSS技巧解决?

你肯定经常碰见这样的情况,上网的时候,电脑卡,页面出现一个动画“正在加载......”,尤其是早期的Internet Explorer浏览器,尽管选取框和副本不属于w3c规范的一部分,但因其强大的可用性和可访问性,依然被大多数浏览器采用了。

页面出现“加载中……”时,如何妙用CSS技巧解决?

不建议尝试:

遇到这样的情况,解决方案:添加css3动画和伪元素:

页面出现“加载中……”时,如何妙用CSS技巧解决?

页面出现“加载中……”时,如何妙用CSS技巧解决?

你或许见过这种奇特的加载条,只需一个简单的小技巧,就可以兼容旧版浏览器,提高可访问性,从伪元素中删除动画,可查看其在浏览器中的运行情况,无需测试屏幕,阅读器会直接读取。

只需添加:after immediately,就能通过动画来隐藏文本,这样那些不支持动画的浏览器,便可以支持查看并加载动画了。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j50660.shtml