使用javascript修复浏览器中12个常见而又头痛的问题（3）
作者：小鼠 来源：译言 发布时间：2008-10-28 19:38:00
4. 浏览器中的CSS选择器
试想一下,你只要键入一个特殊的选择器,你就可以为当前浏览器中设置了类名的元素编写javascript代码了.
4.1 CSS Browser
这是一段非常简单的javascript代码,它短小精悍,能使你使用CSS选择器.使用它你可以在任何浏览器编写特殊的CSS代码. 你可以为浏览器中设置了类名的元素写上一段javascript代码.
jQuery browser selectors
另外一个选择就是使用jQuery,它可以让你使用浏览器的选择器更加方便,你所需要做的事就是引入jQuery, 然后编写如下代码:
$(document).ready(function(){
$('html').addClass($.browser);
});
现在你可以准备好.msie, .mozilla, .opera, .safari 或 .other 这些依赖目标浏览器的样式了.
5. 最大/最小宽高支持
对于CSS的min-width, min-height, max-width, max-height, border-*-width, margin, 与padding属性在某些浏览器不被支持的问题,jQuery提供了非常好的解决方案.
5.1 jQMinMax
这个jQuery插件为没有提供原生支持min-width, max-width, min-height与max-height这些属性的浏览器添加支持.
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
投稿猜你喜欢
详解python实现读取邮件数据并下载附件的实例实现结果图：实现代码：#!/usr/bin/python2.7# _*_ coding: u- 一，啥是Block Formatting Context当涉及到可视化布局的时候，Block Formatting Context提供了一个
- 图像的全景拼接包括三大部分：特征点提取与匹配、图像配准、图像融合。1、基于SIFT的特征点的提取与匹配利用Sift提取图像的局部特征，在尺度
- 本文整理了一部分我们平时在项目中经常遇到的关于go语言JSON数据与结构体之间相互转换的问题及解决办法。基本的序列化首先我们来看一下Go语言
- 如何做一个可以让人家申请使用的计数器？ 好了，我们来做一个与页面分离的计数器，是文本型的啦。这也很简单，
- 采用双重循环。把图片进行“.”分割后名字问前面部分，那其余数据库中的 图片路径记录进行对比 采用vb的InStr函数 如果存在的话返回值&g
- 本文实例讲述了Python实现的各种常见分布算法。分享给大家供大家参考，具体如下：#-*- encoding:utf-8 -*-import
- 本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法。分享给大家供大家参考，具体如下：时间日期对象创建方式一var date=new
- 内容摘要：您是否想让您的网站有多种显示风格呢，本文介绍了如何使用CSS结合js实现动态更换页面皮肤风格。看了下面的介绍您就明白了如何实现了这
- 在while和for循环过程中，为了更加灵活地控制循环的次数，python提供了break和continue循环控制语句。1. break
- 图片外框特征参数:①dashed：虚线 ②dotted：点虚线 ③solid：实线 ④double：双线 ⑤groove：沟槽状 ⑥ridg
- 当然有其它工具可以做这件事，但如果客户不允许你在服务器乱装东西时这个脚本就会有用了。 代码如下:DECLARE @tbImportTable
- 解决方法：1.首先你需要在自己的app下面创建2个目录 static 和 templatesstatic下存放静态文件，templates下
- pandas中iloc()函数DataFrame.iloc纯基于整数位置的索引。import pandas as pdmydict = [{
- 本文实例为大家分享了微信小程序实现侧边导航栏的具体代码，供大家参考，具体内容如下效果图wxml<view class='pro
- 发现问题Python中的urllib模块用来处理url相关的操作，unquote方法对应javascript中的urldecode方法，它对
- 如下图，我们在做图片logo列表的时候通常是用li标签来实现。html：<ul class="logolist&q
- function map(a,f){f(a);} function getRand(a,b) {
- 如下所示：# -*- coding: utf-8 -*-# @Time : 2018/1/17 16:37# @Author :
- proxytable代理根路径的同时增加其他代理Vue 项目有一个需求，需要对根路径 ‘/’ 进行代
