易截截图软件、单文件、免安装、纯绿色、仅160KB

css在IE、火狐下的兼容问题


 
DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网页,就应该更注意IE6、IE7、FF对CSS样式的兼容,不然,你的网页可能乱的一塌糊涂!我经常被这些东西整的焦头烂额,于是呼在网上找了些资料,加上自己的理解和这些日子的经验,整理了一些资料,其中有一些我还没用到的和还不能理解的,就直接从别的地方给粘了过来, 不知道有没有错误,等我以后用到的时候慢慢改吧,希望对大家有点帮助!--好经验共享交流网
什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。好吧,我服了行吧,那我就利用你们的不兼容各写一段css,让他们各执行各的,这下总该你没脾气了吧,呵呵。
好了,言归正传
最佳解决方案,同一个样式定义3套,针对不同浏览器用,如#wrapper
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
* html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
* html 与 *html 是IE特有的标签,firefox 暂不支持。
而* html 又为 IE7特有标签。
* html 对IE7的HACK 必须保证HTML顶部有如下声明:
程序代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
二、万能 float 闭合
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽。
程序代码
/* Clear Fix */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
三、其他兼容技巧
1、FF下给 div 设置 padding 后会导致 width 和 height 增加,但IE不会。(可用!important解决)
2、居中问题。
1) 垂直居中。将 line-height 设置为 当前 div 相同的高度,再通过 vertical-align: middle. (注意内容不要


相关文档:

IE与Firefox的CSS兼容

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

CSS链接引入经验

今天写了一个简单的网页,请看代码:错误的:
结论: rel是Relations的缩写 指关联到一个stylesheet(样式表单) 在标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。切忌漏写rel,否则引入的CSS无效! ......

在一个css文件里管理网站风格

在css文件里加入
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
将soria.css中的.soria全部替换为body,同时在html里不用再加class="soria"
使用其它风格时替换路径dijit/themes/soria/soria.css即可 ......

【CSS】CSS 设计技巧(转)

一.使用css缩写
引用内容:
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:
颜色
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;
盒尺寸
通常有下面四种书写方法:
property:value1; 表示所有边都是一个值value1;
proper ......

CSS filter:RevealTrans 用法

CSS filter:RevealTrans 用法:
Filter:revealtrans(duration=转换的秒数,transition=转换的类型)
CSS的RevealTrans动态滤镜是一个神奇的滤镜,它能产生23种动态效果,更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。
  两个参数Transition和Duration,分别是变换效果和持续时间,其中Duration是浮点数。
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号