现在位置:首页 » 包含标签 兼容 的所有文章
window.pageYOffset 除了IE 6、IE 7、IE 8,被所有浏览器支持。
window.scrollY 被Firefox、Google Chrome、Safari支持。
在(quirk 模式)的时候 document.body.scrollTop 在 Internet Explorer, Firefox, Opera, Google Chrome, Safari 返回正确的值。
在(quirk 模式)的时候 ...
firefox7.0 开始兼容text-overflow:ellipsis; 这样的话,以后的省略号就可以做到浏览器兼容了。
代码片段为:
.ellipsis {
width:200px;/*设置宽度*/
white-space:nowrap;/*设置不换行*/
text-overflow:ellipsis;/*这就是省略号*/
-o-text-overflow:ellipsis;/*兼容opera*/
over...
翻译原文地址:http://www.alfajango.com/blog/exploring-jquery-live-and-die/
很多开发者都知道jQuery的.live()方法,他们大部分知道这个函数做什么,但是并不知道是怎么实现的,所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些,但是你意识到.die()了吗?
什么是 .live()
.live方法类似于.b...
jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.6.4 版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3.X、1.4.X、1.5.X、1.6.2 等等。
由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版本在同一个页面并存而...
如果你经常需要做前端页面,那么你一定多多少少需要解决页面的浏览器兼容问题。而浏览器兼容问题大部分也集中在对IE系列的兼容。这里就总结一下对IE系列的CSS Hack,记录一下,方便以后查阅。
IE Hack
IE系列浏览器的hack大略如下:
_nowamagic:1px;-----------ie6
*nowamagic:1px;-----------ie7
nowamagic:1px\0;----------ie89
n...
请尽量用xhtml格式写代码,而且DOCTYPE影响CSS的处理,作为W3C标准,一定要加DOCTYPE声明。
1. div的垂直居中问题
vertical-align:middle;
//将行距增加到和整个DIV一样高
line-height:30px; 然后插入文字,就垂直居中了,缺点是要控制内容不要换行。
2. margin加倍的问题
设置为float的div在IE下设置的margin会加倍,这是...
如何让div在IE6下自适应
现在运用div+css技术进行页面的排版,有的时候要实现某个div部分的自适应性,在css中有一个非常好用的属性 min-width,该属性设置某个div的最小的宽度,该属性在非ie系列的浏览器被很好的支持,友好度很高,甚至高版本的ie浏览器都已经支持了,但是在ie6下却不能识别该属性,那么该怎么实现不同的浏览器来兼容div的最小宽度呢?
熟悉css就可以很好的办到:
假设:box为外面的层的类名,4...
在IE浏览器中,document.getElementByIdx_x_x_x('foo').focus(); 可以设置某标签得到焦点,但是在火狐中却不行。
查了资料发现原因是这样的:因为在火狐中设置标签焦点的顺序是失去焦点之后才能得到焦点,也就是说先document.getElementByIdx_x_x_x('foo').blur(); 之后再document.getElementByIdx_x_x_x('foo').focus()...
不知道你有没有也遇到过下面类似的情况,当图片与文字同行显示的时候,你可能会发现line-height无效,如下结构:
<div class="container">
<img src="images/test.jpg" title="你所不知道的CSS属性之解决line-height无效" />
<a href="#"...
IE6对一些非常有用的css属性完全不支持。比如min-width,无人不抱怨IE6的css兼容性问题。本文介绍了10个很实用但IE6却不支持的CSS属性。列出这些属性呢并不是为了数落IE6(数落也没用o(︶︿︶)o ), 而是你了解了哪些CSS属性是IE6不支持的,就更有针对性的去编写CSS和Hack了。
一、Outline
在调试CSS问题的时候,我常常在指定元素上添加border来精确的查看该元素会发生什么并帮助确定问题的来源...
如果你需要一个支持CSS3 的box content,你需要添加一行代码:
behavior: url(ie-css3.htc); 代码:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 1...