网页制作 | 珂亦精品收藏

Jul

22

IE与Firefox的CSS兼容大全

ray1980 网页制作添加回复 38 人浏览

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 会增加 height 和 width，但 IE 不会，故需要用 !important 多设一个 height 和 width

5、FF: 支持 !important， IE 则忽略，可用 !important 为 FF 特别设置样式

6、div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

7、cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以

8、FF: 链接加边框和背景色，需设置 display: block，同时设置 float: left 保证不换行。参照 menubar，给 a 和 menubar 设置高度是为了避免底边显示错位，若不设 height，可以在 menubar 中插入一个空格。

Jul

11

ray1980 网页制作 1 个回复 126 人浏览

<script language="JavaScript">
<!--
tmpDate = new Date();
date = tmpDate.getDate();
month= tmpDate.getMonth() + 1 ;
myyear= tmpDate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日 ");
myArray=new Array(6);
myArray[0]="星期日"
myArray[1]="星期一"
myArray[2]="星期二"
myArray[3]="星期三"
myArray[4]="星期四"
myArray[5]="星期五"
myArray[6]="星期六"
weekday=tmpDate.getDay();
if (weekday==0 | weekday==6)
{
document.write(myArray[weekday])
}
else
{document.write(myArray[weekday])
};
hours = tmpDate.getHours();
minutes = tmpDate.getMinutes();
seconds = tmpDate.getSeconds();
times = "" + ((hours >24) ? hours -12 :hours); times += ((minutes < 10) ? "<blink>:</blink>0" : "<blink>:</blink>") + minutes+"";
times += (hours >= 12) ? "PM" : "AM";
document.write(times);
// -->
</script>