1、placeholder是什么？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 例如下文本框文字效果 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是个新增属性，目前只有少数浏览器支持，如何让更多的浏览器支持它呢？ 目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持 默认情况下，plac…
最近做移动端页面，优化UI的时候发现，苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 :active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主键。该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠…
为了确保各个浏览器初始化时页面布局一致，需要使用css在重置以下页面标签: @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;} body, input, button, textarea, select{font-size:1…
hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。 haslayout是怎么来的？ 为了解决这个问题，微软的天才coder决定去修理他们的这个古老的引擎，因此haslayout这个属性就诞生了。每…
清除浮动是web前端工程师的必修课，下面就清除浮动的方法进行归纳整理及优缺点分析 方法一：DIV闭合处，加<div class=”clear”></div> (.clear{clear:both}) 代码如下： <div class=”div1″> <div class=”left”>我是左浮动</div> <div class=”right”>我是右浮动</div> <div class=”clear”></di…
微软在IE8中，增加了浏览器模式的配置，支持IE7，IE8兼容性视图，以及IE8三种模式。360浏览器多内核渲染模式： 360安全浏览器2种渲染模式，360极速浏览器多种渲染模式 页面中由于兼容模式显示不正常，我们不能让强制用户去修改浏览器模式，因此需要我们在代码中控制浏览器默认渲染模式 在head标签中，增加如下的代码： <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 这是个是IE8的专用标记,用来指定IE8浏览器…
360浏览器升级到6.0版本后对html5实现了全面兼容，于此同时360 6.0版本浏览器提供了两种模式：1.极速模式 2.兼容模式，也就是说360浏览器为双核浏览器。浏览器最核心的部分是渲染引擎（Rendering Engine），我们一般习惯称之为“浏览器内核”，其负责解析网页语法（如HTML、JavaScript）并渲染、展示网页。双核并不是指一个页面由2个内核同时处理,而是所有网页由webkit内核处理,只有银行网站用IE内核。 下面就两种模式下得兼容性调试方法和技巧做下分析：…