交互设计中心-72色

交互设计中心 | 用户体验 | 优化

浏览器css一些兼容性的对比

2010年6月7日 | 分类:DIV+CSS | 评论:0 | | Tags:浏览器  兼容  

1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。

2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义height。

...


分享一些css技巧

2010年5月19日 | 分类:DIV+CSS | 评论:2 | | Tags:技巧  css  兼容  

72色做了几年的前端现在来总结一下css技巧,也就是网络上推荐的所谓“顶级”的css三个技巧。
第一条:css不要换行。
.jrtjImg{ position:absolute; top:0px; left:0px;  width:78px; height:44px; z-index:999; background:url(images/jrtjJl.gif) no-repeat;}
...


兼容各大主流浏览器的css手册

2010年4月12日 | 分类:DIV+CSS | 评论:0 | | Tags:兼容  css  主流  浏览器  

现在做网站前端的真是命苦呀,要兼顾的浏览器就有n多个,一个项目坐下来累个半死,

我从网上整理了一些浏览器兼容的css方法,兼容IE6\IE7\IE8\Chrome\firefox等主流浏览器。


div类


1. 居中问题
div里的内容,IE默认为居中,而FF默认为左对齐
可以尝试增加代码margin:auto
...


File input 浏览上传按钮样式和文字的更改方法

2009年12月17日 | 分类:DIV+CSS | 评论:2 | | Tags:input  file  兼容  按钮  


上面这个图,大家一看就知道是上传所用的input,有没有想把“浏览”这两个字替换成别的呢,比如“上传”或者适合用它的地方的文字。有的时候把网站的别的but样式改了,唯独这个浏览but样子不变,甚是不美。
...


想成为css高手吗-----那就来看看高手是怎么写的把

2008年3月20日 | 分类:DIV+CSS | 评论:0 | | Tags:css  div  web2.0  Firefox  兼容  

上面这个3d的房子就是用css+div 画出来的,看到这张图我就觉得这个高手不光是css高,他的心细的也不是一般人能比得了得。

先看看这个3d的房子效果


IE与Firefox的CSS兼容大全

2007年10月18日 | 分类:DIV+CSS | 评论:0 | | Tags:IE  Firefox  css  兼容  IE与Firefox的CSS兼容大全  ff  

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。常见兼容问题:1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div...


分页:« 首页...«1»...尾页 »