javascript修正12个浏览器兼容问题[译]（3）
作者：vocal 来源：前端观察 发布时间：2009-04-23 12:19:00
4. CSS浏览器选择器
如果您可以只需键入一个特殊选择器，在这里您可以写一些JavaScript ，设置一个Class在基于当前的浏览器的名字的标签会怎么样？
4.1 CSS Browser
这是一个非常小的javascript只有一行，而且不到1kb，它允许CSS选择器。它让您可以为每个操作系统和每个浏览器写具体的CSS代码。你可以写一些JavaScript ，设置Class的名字，也就是说，内容根据当前的浏览器。
这里有另外一个基于jQuery的非常简单的处理浏览器选择器的方法，你需要做的只是加载jQuery库文件，并添加下面的一块儿代码。
$(document).ready(function(){
$(‘html’).addClass($.browser);
});
现在你可以准备你的样式，如.msie,.mozilla, .opera, .safari 或其它目标浏览器。
5. 最小/最大 高度/宽度支持
针对CSS min-width, min-height, max-width, max-height, border-*-width, margin, 和padding 属性，这里有一些很好的jQuery修正。
5.1 jQMinMax
这是一个为没有原声的支持min-width, max-width,min-height和max-height的地方添加支持的jQuery插件。
5.2 JSizes
这个小jQuery插件为CSS min-width, min-height, max-width, max-height, border-*-width, margin, 和padding 属性添加支持。特别是他提供一种方法来确定一个元素在那里可见。由于所有的型号的方法返回数值，所以这些也可以安全的使用在严格的DOM元素方面。
jQuery(function($) {
var myDiv = $(‘#myDiv’);
// set margin-top to 100px and margin-bottom to 10em
myDiv.margin({top: 100, bottom: ‘10em’});
// displays the size of the top border in pixels
alert(myDiv.border().top);
// displays true if the element is visible, false otherwise
alert(myDiv.isVisible());
// set padding-right to 10px and margin-left to 15px using chaining
myDiv.padding({right: 10}).margin({left: 15});
});
0
投稿猜你喜欢
- XMLHTTP对象及其方法－－－－－－－－－－－－－－－－－－MSXML中提供了Microsoft.XMLHTTP对象，能够完成从数据包到R
- 注:所有文字,除注明网站类型外,其他均针对企业站点.请随时注意留言,若修改则会在首页提示文字里标注.若牵扯到业务方面的问题,我可能不会做过多
- <％@ Language=VBScript ％><HTML><HEAD>
如何在浏览器地址栏显示自己的Favicons小图标？显示效果如下列网站的图标：Google网易163上面两个网站都设置了自己的Favicon- google 的设计原则中文1.易用性-聚焦在人，方便他们的生活，工作，梦想。2.速度-分秒必争3.简单-简单而强有力4.关联性- 对初学者
- 定义列表和其他类型的列表稍有不同，它由两部分组成：名称和定义。DT 指定名称，为内联元素。DD 指定定义，为块级元素。标准属性id, cla
- 前两天在做一个站内版的企搜引擎，发现某些站点可以链接站点内容。。奇怪之下看了看，原来是按照数据库ID的自动编号规律进行链接的~~闲暇之余弄了
- 一个网站能切换不同的CSS风格大家应该都了解，像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。根据时间自动调整站点风格是不错的想法，这种
- Oracle中有多种方法可以向数据库或服务器文件系统上载文件，这里主要介绍如下三种：Oracle HTTP Server（OHS）的mod_
- 指定的代码页特性无效。 codepage属性：是指出网页的代码页 如果制作的网页脚本与WEB服务端的默认代码页不同，则必须指明代码页： 代码
- 数据库快照是怎样工作的可以使用典型的数据库命令CREATE DATABASE语句来生成一个数据库快照，在声明中有一个源数据库快照的附加说明。
- 段时间作项目中，遇到使用视图的问题，以前的工作中很少遇到视图，认为直接用表就ok了，何须视图呢?下面我来讲述一下它的功用：以往当我们查询数据
- <!-- #include file="conn.asp" -->
- 八种获取当前日期的js代码，第一步:把如下代码加入<head>区域中：<SCRIPT language=java
- 1.游标方式 代码如下:DECLARE @Data NVARCHAR(max) SET @Data='1,tanw,2,
- 权限级别划分如下：①、院长和财务科长：不能输入，可以无限制查询、统计；②、副院长：不能输入，可以查询、统计其分管部门的帐务；③、部门领导：不
- 原理：建一个栈，每次碰到一个新标签，就与栈顶的标签配对，如果配对，栈顶的标签就出栈，如果不配对，这个新标签就进栈，最终，栈如果是空的，说明所
- <script type="text/javascript"> var params&n
- 主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，
- 代码如下:---ntext数据类型字符替换 create table tt ( sid INT IDENTITY(1,1), c
