网页兼容性_蓝戒的博客
您当前位置 :
蓝戒的博客 » 所有属于 "网页兼容性" 分类的文章
-
Nov252015
javascript中的事件
javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听函数就被调用:事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 所有浏览器都支持DOM0级事件处理程序,且使用该方式时,事件处理程序是在元素的作用域中运行,因此程序中的this都是指向元素。
如...阅读全文
-
Jul272015
Normalize.css 简介
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。
官方网站:http://necolas.github.io/normalize.css/
浏览器支持情况:Chrome, Firefox, Opera, Safari 6+, IE 8+
一般前端工程师都会使用 reset.css 去处理不同浏览器的默认样式,这里推荐使用Normalize.css
Normalize.css有哪些优点
1)不像其他CSS resets,normalize.css...阅读全文
-
Jun062015
1、placeholder是什么?
placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。
例如下文本框文字效果
2、placeholder的浏览器兼容性和在不同浏览器下的表现
由于placeholder是个新增属性,目前只有少数浏览器支持,如何让更多的浏览器支持它呢?
目前最新的firefox、chrome...阅读全文
-
May042015
最近做移动端页面,优化UI的时候发现,苹果手机浏览页面中设置的css伪类:active失效。查找资料发现要让css active伪类生效,只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。
:active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况,一般主流浏览器下也支持其他元素。在多按键的鼠标系统中,:active只适用于主...阅读全文
-
May022015
为了确保各个浏览器初始化时页面布局一致,需要使用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:12px; font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, sans...阅读全文
-
Apr032015
haslayout
hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容,而不是依赖于祖先元素来完成这些工作。
haslayout是...阅读全文
作者:cywcd | 分类:
网页兼容性 | 阅读: 4,046 次 |
-
Apr032015
清除浮动
清除浮动是web前端工程师的必修课,下面就清除浮动的方法进行归纳整理及优缺点分析
方法一:DIV闭合处,加<div class=”clear”></div> (.clear{clear:both})
代码如下:
<div class=”div1″>
<div class=”left”>我是左浮动</div>
<div class=”right”>我是右浮动</div>
<div class=”clear”></div>
</div>
<div clas...阅读全文
作者:cywcd | 分类:
css,
网页兼容性 | 阅读: 4,275 次 |
-
Nov072014
微软在IE8中,增加了浏览器模式的配置,支持IE7,IE8兼容性视图,以及IE8三种模式。360浏览器多内核渲染模式:
360安全浏览器2种渲染模式,360极速浏览器多种渲染模式
页面中由于兼容模式显示不正常,我们不能让强制用户去修改浏览器模式,因此需要我们在代码中控制浏览器默认渲染模式
在head标签中,增加如下的代码:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />...阅读全文
作者:cywcd | 分类:
网页兼容性 | 阅读: 4,293 次 |
-
Apr232013
360浏览器升级到6.0版本后对html5实现了全面兼容,于此同时360 6.0版本浏览器提供了两种模式:1.极速模式 2.兼容模式,也就是说360浏览器为双核浏览器。浏览器最核心的部分是渲染引擎(Rendering Engine),我们一般习惯称之为“浏览器内核”,其负责解析网页语法(如HTML、JavaScript)并渲染、展示网页。双核并不是指一个页面由2个内核同时处理,而是所有网页由webkit内核处理,只有...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~