2024年4月26日发(作者：)

火狐兼容问题总结

问题一：最简单的鼠标移过手变型的css要改了

cursor:pointer;/*FireFox（火狐）不支持cursor:hand*/ dw8下面自

动出来的也没有hand这个属性了，标准的是pointer

问题二：FireFox（火狐）不支持滤镜 最常见的半透明不支持。

filter: Alpha(Opacity=50); /* for IE */

opacity: .5;/* for Firefox */

style="-moz-opacity:0.5;

filter:alpha(opacity=50);cursor:hand;"

onmouseover="city=1;

y=100"

onmouseout="city=0.5;

y=50"

问题三：FireFox（火狐）不支持expression 例如去掉链接的边

框要分别写不同的css

a,area { blr:expression(s=()) } /* for IE */

:focus { outline: none; } /* for Firefox */

问题四：FireFox（火狐）不支持div滚动条的颜色设置，目前还

没有找到替换的好方法。

.contendiv {

position: absolute; left: 0px; top: 10px; width: 580px;height:

135px;

line-height:120%;text-align:left; font-family:"宋体";word-

break : break-all; color:#6D6E71;

OVERFLOW-Y:auto;OVERFLOW-X:no;

SCROLLBAR-ARROW-COLOR:

SHADOW-COLOR:#F6F6F6;

SCROLLBAR-DARKSHADOW-COLOR:#F6F6F6;SCROLLBAR-

3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-HIGHLIGHT-

COLOR:#F6F6F6;

}

这个在FireFox（火狐）里面完全没有效果了。

问 题五：IE下面显示在文字下面横线的border-width: 0px 0px

1px 0px;在FireFox（火狐）里面跑到文字上面去了。（查了手册还是

没有找到解决的办法感觉莫名奇妙～～ 原来是FireFox（火狐）的容错

能力太差了，是下面的width: 186px;height: 0px;宽高 引起的，其实

a:haver已经继承了上级的属性了，只要定义不同的样式就可以了，看

来FireFox（火狐）有助于制作标准化，简洁化的网页啊，对 css的理

解也更深刻，对提供css来说是个很好的帮助）

.onelinksdiv a:hover {

display: block;border-style: solid;color: #FireFox（火狐）

0000;border-width: 0px 0px 1px 0px;

/*

display: block;border-style: solid; border-width: 0px 0px 1px

0px;

width: 186px;height: 0px; color: #FireFox（火狐）0000; font-

size: 14px;text-align: right;

*/

red; SCROLLBAR-TRACK-

COLOR: F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-