使用javascript修复浏览器中12个常见而又头痛的问题

核心提示： 源文件 下载 6.2 我如何垂直居中页面元素?在这个视频教程中,Jeffrey Jordan Way会向你展示如何利用CSS与jQuery组合的威力,在浏览器垂直居中图片.7. 在IE中显示Q标签表现引号应该使用Q标签而不是blockquote标签.然而,windows下的IE不支持这个标

源文件 下载

6.2 我如何垂直居中页面元素?

在这个视频教程中,Jeffrey Jordan Way会向你展示如何利用CSS与jQuery组合的威力,在浏览器垂直居中图片.

7. 在IE中显示Q标签

表现引号应该使用Q标签而不是blockquote标签.然而,windows下的IE不支持这个标签,因此,很多开发都不使用Q标签.

7.1 QinIE

当你把这段脚本引入到你的网页文档头部,它就可以自动地把页面中的Q标签替换成引号(包括对应的结束引号). 如果将来IE支持Q标签,你可能要修改它,加上浏览器版本的判断.

源文件 here

8. 增大点击目标的范围以获得更直接的切换

对厌烦的‘Read More…’说再见,使你整个内容块都可以点击进入目标链接!

源文件 下载

9. Lazy loader

这是一个jQuery插件. 它可以使(内容较长的)页面的图片延迟加载.在viewport(页面的可见部分)之外的图片不会被加载,直到用户拖动滚动条到它们的时候.这与图片预载是截然相反的.

查看演示.

源文件 下载

10. bgiframe

这个jQuery插件可以轻松解决IE z-index的问题.

查看演示.

源文件 下载

11. ieFixButtons

这个jQuery插件可以修复button元素在IE6 与IE7下的怪异行为.

查看 演示.

源文件 下载

12. Fix Overflow

这个插件修复IE下的水平溢出问题.特别地,IE会自动为溢出的元素添加滚动条,如果元素只有一行,那这个滚动条就会覆盖在元素的上面.这个插件通过调整元素的填充来修复这个问题.

查看 演示.

源文件 下载