摘要: CSS兼容性(IE和Firefox)技巧大全 (五)IE6,IE7,FFIE7.0出来了,对CSS的支持又有新问题。浏览器多了, /*For IE7 & IE6*/ _height:20px; /*For IE6*/这里我自己也没看懂什么意思?注意顺序。这样也属于CSS HACK,不过没有上面这样简洁。第一种#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种,是使用IE专用的条件注释<!- 阅读全文
posted @ 2011-12-19 15:59 leejersey 阅读(252) 评论(0) 推荐(0) 编辑
摘要: CSS兼容性(IE和Firefox)技巧大全 (四)FF与IE1. Div居中问题div设置 margin-left, margin-right 为 auto 时已经居中,IE 不行,IE需要设定body居中,首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。2.链接(a标签)的边框与背景a链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。3.超链 阅读全文
posted @ 2011-12-19 15:55 leejersey 阅读(317) 评论(0) 推荐(0) 编辑
摘要: CSS兼容性(IE和Firefox)技巧大全 (三)12.web标准中定义id与class有什么区别吗一.web标准中是不容许重复ID的比如 div id="aa" 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.二.属性的优先级问题ID 的优先级要高于class,看上面的例子三.方便JS等客户端脚本如果在页面中要对某个对象进行脚本操作,可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.13. LI中内容超过长度后以省略号显示的技巧此技巧适用与IE与OP 阅读全文
posted @ 2011-12-19 15:52 leejersey 阅读(253) 评论(0) 推荐(0) 编辑
摘要: CSS兼容性(IE和Firefox)技巧大全 (二)8.float的div闭合;清除浮动;自适应高度① 例如:<#div id=”floatA” ><#div id=”floatB” ><#div id=”NOTfloatC” >这里的NOTfloatC并不希望继续平移,而是希望往下排。(其中floatA、floatB的属性已经设置为float:left;)这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间 阅读全文
posted @ 2011-12-19 15:50 leejersey 阅读(259) 评论(0) 推荐(0) 编辑
摘要: CSS兼容性(IE和Firefox)技巧大全 (一)CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的. 阅读全文
posted @ 2011-12-19 15:06 leejersey 阅读(322) 评论(0) 推荐(0) 编辑