随笔分类 - 兼容
摘要：1，rgba不兼容ie8; 第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下： 第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff；
阅读全文
摘要：IE8 CSS hack 就是在属性后面加上 \9 或者 \0,代码如下： 上面的 hack 同样对 IE9 和 IE10 起作用，那么如何单单只针对ie8来渲染呢： 解决思路： 1，首先用IE8hack；其次用CSS3 之类的 IE8 不支持的选择器来重新覆盖一遍，符合条件的常用选择器有 :roo
阅读全文
摘要：这种响应式的布局正是通过CSS3的媒体查询（Media Query）功能实现的，根据不同的分辨率来匹配不同的样式。IE8浏览器并不支持这一优秀的Css3特性，Bootstrap在开发文档中写了如何使用进行兼容IE8,如果想兼容IE6,IE7，可以搜索bsie (bootstrap2)。 http:/
阅读全文
摘要：自动化补全工具，在写兼容的css样式的时候，自动补全-webkit,-moz等 sublime和websotrm上都可以安装此工具。
阅读全文
摘要：首先，判断浏览器是否支持placeholder属性： （1）如果只需要让不支持placeholder的浏览器能够支持改功能，并不要求支持原生placeholder的浏览器表现一致，那么可以采用如下方法： （2）如果需要自定义样式，并且希望placeholder在所有浏览器下表现一致，可以通过利用la
阅读全文
摘要：生存环境主要分为三个维度： 硬件环境，细分为品牌和机型，决定了屏幕大小、性能等硬件限制 操作系统，比如iOS6和iOS7，或者安卓各家的定制系统的不同版本 浏览器，主要分为App容器，原生浏览器，各品牌浏览器
阅读全文
摘要：display:box;box-flex 是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私
阅读全文
摘要：三、js解决方案： 一、js的解决方案： clamp.js 引用： 注意：用这个方法，一定要给文字加行高。 四、jq的dotdotdot.js http://dotdotdot.frebsite.nl
阅读全文
摘要：.css{filter:alpha(opacity:30);/*filter是给IE用到*/opacity:.3; }
阅读全文
摘要：IE：不管该行有没有文字，光标高度与font-size一致。FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。Chrome：该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部(这两种情况都是在
阅读全文
摘要：标准浏览器：document.documentElement.scrollTop; 谷歌浏览器：document.body.scrollTop; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
阅读全文
摘要：-firstChild firstElementChild var oFirst = oUl.firstChild || oUl.firstElementChild; -lastChild lastElementChild var oLast = oUl.lastChild || oUl.lastE
阅读全文
摘要：用js的style属性可以获得html标签的样式，但是不能获取非行间样式。 解决方法： 在IE下可以用currentStyle; 在FF下用getComputedStyle; 然而，为了让其兼容，解决方法，封装成getStyle事件： 3，函数本身也是对象，对象就有属性，函数有length属性，比如
阅读全文
摘要：1、event document.onclick = function (e) {// IE// console.log(event.clientX,event.clientY);// FF// console.log(e.clientX,e.clientY);// if(e){// console
阅读全文
