`
文章列表
function doOnOrientationChange()   {     switch(window.orientation)     {        case -90:       case 90:         alert('landscape');         break;       default:         alert('portrait');         break;     }   }   window.addEventListener('orientationchange', doOnOrientationChange);   // I ...
说明: 使用矩阵变形实现对象内容的改变尺寸、旋转、上下或左右反转。 使用此滤镜可以建立下列效果: 左右反转。将 M11 和 M12 的值取负。 上下反转。将 M21 和 M22 的值取负。 改变尺寸。将 M11 和 M12 和 M21 和 M22 的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。 使用 padding 属性能够使最终图像边角被剪切的机会降到最小. 语法: filter : progid:DXImageTransform.Microsoft.Matrix ( enabled=bEnabled , SizingMethod=sMethod , FilterType=sType , ...
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
var s=decodeURI(str); 如果还是不好使 试试 decodeURIComponent(str);
  IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的;       对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行,允许空格。(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可以设置宽度和高度等块元素的属性)      IE中对内联元素使用display:inline-block,IE是不识别的,但使用dis ...
比如说input  height:38px; 那么定义line-height:38px/p;则可以居中
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要 ...
<embed src="http://player.youku.com/player.php/sid/XMjI0MDIwNDc2/v.swf" quality="high" width="714" height="380" align="center" allowFullScreen="true" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"& ...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>上下居中</title> <meta name="description" content=""> <meta name="ke ...
FF 自动把获取的背景色转为rgb的  但是IE不会。所以我们写需要获取的背景色的时候要给rgb。但是火狐获取的rgb背景色会带空格:rgb(255, 255, 255);而IE会把空格去掉:rgb(255,255,255)。所以当判断获取的背景色是否等于你给的背景色的时候要先去空格: function trim(str){    while(-1!=str.indexOf(" ")){        str = str.replace(" ","");    }    return str;}
要在body上加入 height:100% 但是body的height:100% 在FF中不受支持,要在html中也加上height:100%
<script type="text/javascript"> ///*********************** ///打印指定区域页面 ///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字 ///开发:王洪剑 ///日期:2009-8-7 function startPrint(obj) { var oWin=window.open("","_blank"); var strPrint="< ...
<!--[if IE 6]> 仅IE6可识别 <![endif]-->条件注释判断浏览器 <!--[if IE]> 所有的IE可识别 <![endif]--><!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以下版本可识别 <![endif]--><!--[if gte IE 6]> IE6以及I ...
大家可能都知道IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜(用于PNG32 Alpha透明)后链接不能点击的BUG,大家也都知道只要在a标签上加相对定位的属性(position:relative)就可以点击了。 见demo页面中的例子1:http://www.css88.com/demo/ie6bug_filter/(使用IE6查看); 非常好!但是如果在使用滤镜容器的中加上绝对定位,悲剧发生了!a标签上加相对定位的属性(position:relative)链接依然不能点击! 见demo页面中的例子2:http://www.css ...
IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。但是有一个小脚本能够做到,它可以让IE支持CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等……   如果你需要一个支持CSS3 的box content,你需要添加一行代码:   behavior: url(ie-css3.htc);     代码:   .box {    -moz-border-radius: 15px; /* Firefox */    -webkit-border-radius: 15px; /* ...
Global site tag (gtag.js) - Google Analytics