1 // 获取元素属性值的兼容写法 2 function getStyle(obj,attr){ 3 if(obj.currentStyle){ 4 //兼容IE 5 obj.currentStyle[attr]; 6 return obj.currentStyle[attr]; 7 }else{ ...
分类:
Web程序 时间:
2020-05-31 15:48:50
阅读次数:
97
在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。 text-align直接设为justify就行了,text-justify的情况就复杂了,可能有人对它还不熟悉。IE的取值如下: auto :允 ...
分类:
Web程序 时间:
2020-05-31 01:00:45
阅读次数:
73
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta content="IE=8" http-equiv="X-UA-Compatible"/> <title> CSS垂直居中</title> <style ty ...
分类:
Web程序 时间:
2020-05-30 23:29:46
阅读次数:
116
标准盒模型与IE盒模型 开发者们都知道,由于历史遗留问题与既定标准的发展,存在着两个css盒模型。即W3C的标准盒模型以及IE的怪异盒模型。在css中,可以用box-sizing去定义元素的盒模型。 比较这两个盒模型的差异之前,我们先来看一张图: 先不讨论宽高,我们把一个元素的组成分为:conten ...
分类:
其他好文 时间:
2020-05-30 21:38:56
阅读次数:
56
/*阻止冒泡*/ function preventBubble(event){ var e=arguments.callee.caller.arguments[0]||event; //若省略此句,下面的e改为event,IE运行可以,但是其他浏览器就不兼容 if (e && e.stopPropa ...
分类:
Web程序 时间:
2020-05-30 16:03:45
阅读次数:
71
轮播图 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Title</title> <link rel="stylesheet" t ...
分类:
其他好文 时间:
2020-05-30 11:00:04
阅读次数:
333
IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-Ran ...
CSS盒模型 CSS盒模型本质上是一个盒子,封装周围的 HTML 元素,包括 外边距(marign),边框(border),填充(padding),内容物(content) 盒子模型的类型:W3C 标准和模型和 IE 盒模型(怪异盒模型) W3C 标准盒模型:属性 width 和 height 只包 ...
分类:
Web程序 时间:
2020-05-30 01:15:24
阅读次数:
68
奇葩的需求 - 打开网页后浏览器自动全屏 最近做外包的时候遇到奇葩客户的奇葩需求一枚,要求输入网址或者通过点击链接跳转到特定的页面后浏览器自动全屏。 乍一看,so easy,于是就答应了。 简单思考后,实现方案如下: 假设需要全屏实现的页面是A页面,针对IE,当A页面被访问时,通过javascrip ...
分类:
Web程序 时间:
2020-05-29 22:52:20
阅读次数:
111
浏览器占有率 来源:百度相册 浏览器占有率 浏览器 占有率 Chrome 52.94% IE 44.32% FF 1.97% IE版本占有率 浏览器 占有率 IE6 6.55% IE7 0.57% IE8 27.33% IE9 9.87% IE10 <5% 上传数据统计 来源:百度相册 大小区间 ( ...
分类:
Web程序 时间:
2020-05-29 13:32:32
阅读次数:
82