使用javascript修复浏览器中12个常见而又头痛的问题（4）
作者：小鼠 来源：译言 发布时间：2008-10-28 19:38:00
6. 水平或垂直居中元素
你以前也许遇到过这个问题:水平或垂直居中页面元素. 在CSS中垂直居中是非常困难的, 特别是你想支持所有主流浏览器的情况下.非常幸运,现在已经有了解决方案,其中一个方式就是从高度与宽度中取得元素左边与顶部页边距值再除以2,得到的便 是要居中元素的margin-left与margin-top.(这句话理解不知道有没有问题)
6.1 居中页面元素插件
这个插件可以居中页面的任何元素,使用了水平与垂直上减去页边距的办法.
$("element").center(); //vertical and horizontal$("element").center({ horizontal: false // only vertical});
6.2 我如何垂直居中页面元素?
在这个视频教程中,Jeffrey Jordan Way会向你展示如何利用CSS与jQuery组合的威力,在浏览器垂直居中图片.
7. 在IE中显示Q标签
表现引号应该使用Q标签而不是blockquote标签.然而,windows下的IE不支持这个标签,因此,很多开发都不使用Q标签.
7.1QinIE
当你把这段脚本引入到你的网页文档头部,它就可以自动地把页面中的Q标签替换成引号(包括对应的结束引号). 如果将来IE支持Q标签,你可能要修改它,加上浏览器版本的判断.
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会自动为溢出的元素添加滚动条,如果元素只有一行,那这个滚动条就会覆盖在元素的上面.这个插件通过调整元素的填充来修复这个问题.
原文：
http://www.noupe.com/css/using-javascript-to-fix-12-common-browser-headaches.html
0
投稿猜你喜欢
- # 建表CREATE TABLE `T_TEST` ( `Id` int(11) NOT NULL AUTO_INCREMENT
- Bit-Packed Data TypesMySQL有一些存储类型使用一个值中的一些单个的比特位来紧凑的存储数据。纯技术上将，不管是底层的存
- 下面是代码，如果看不懂，建议先把表格的一些<tr><td>的表格原理弄清楚了，就可以了代码如下:<table&
Windows Server 2003系统是现在很流行的服务器操作系统，许多网站都用它来做。但是如何保证服务器的相对安全，这个只要进行一些简- xml（可扩展标记语言）看起来可能像某种w3c标准——现在没有什么实际影响，即使以后能派上用场，也是很久以后的事。但实际上，它现在已经得到了
- 可能接触网站与编程设计的人都知道，一个属性值需要引号包括起来，但是有的时候就是因为没有正确设定引号类型，导致程序出错，就连我自己也是这样，我
- 很久之前就对jQuery.animate的实现非常感兴趣，不过前段时间很忙，直到前几天端午假期才有时间去研究。jQuery.animate的
- 发现这个也是偶然，在测试的时候发现的，因此问题还发现一个bug。蛮有意思~ 假如输入http://www.aspxhome.com的话，在
- 在网络设计领域关于Eye-Tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于E
- 下面这段代码是兼容IE的图片切换代码，请问各位老鸟如何兼容FF，或者有相类似无按钮无数字兼容FF的图片切换代码？<!DOCTYPE h
- PRD的作用之一在于，保留产品设计初衷，期望达到什么样的目的，起到事后验证的效果。产品初衷需要做到利益最大化，找最大的蛋糕，为最大目标人群服
- 平时我们在使用MySQL数据库的时候经常会因为操作失误造成数据丢失，MySQL数据库备份可以帮助我们避免由于各种原因造成的数据丢失或着数据库
- 在做DHTML时，我们在某些情况下要用setAttribute(attri, value)方法定义元素的attribute。同时与getAt
- 问题描述时间在我们日常的代码编写中会是经常出现的筛选或排序条件，尤其是一些特殊时间节点的时间显得尤为突出，例如昨天，当前日期，当前月份，当前
- 为什么我写ASP分页教程要提到AJAX呢,因为我们要多练习一下编程过程中,结构化的重要性. 再加上很多朋友对分页感到很高深,所以一直都不敢去
- 本文介绍了6个asp常用的判断函数的语法和使用方法，有IsArray 函数，IsDate 函数 ，IsEmpty 函数，IsNull 函数，
- 在Intel的早期，Andy Grove遇到一个雇员 - 他建议公司在芯片的基础上开发个人计算机。AndyGrove疑问道“个人计算机能做什
- 在我们制作网页的时候会经常碰到一些需求，如果不知道方法，说不定会困扰我们半天。其实实现它们都很简单，下面我们就一起来看看这些常用的网页编辑方
- 假设你想找到本书中的某一个句子。你可以一页一页地逐页搜索，但这会花很多时间。而通过使用本书的索引，你可以很快地找到你要搜索的主题。表的索引与
- 在开始聊我在阿里四个月的网页推广设计之前，我想先来说说我对平面设计和网页设计的认识。它们之间的交集。1.它们都是集艺术创作、电脑技术和数字技
