2024年3月9日发(作者：provided)

火狐兼容问题总结

问题一：最简单的鼠标移过手变型的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-

}

//下面的写法在IE下面正常，但在FireFox（火狐）下是错误的

.onelinksdiv a:hover {

display: block;border: #FireFox（火狐）0000 solid; border-width: 0px 0px 1px 0px;

width: 186px;height: 0px; color: #FireFox（火狐）0000; font-size: 14px;text-align: right;

}

相关参考资料：

border-width:border-top-width border-right-width border-bottom-width border-left-width;

p#fourborders

{

border-width:thick medium thin 12px;

}

如果定义四个值,那么这四个值就分别是上,右,下,左边框的宽度值(从上边框开始,以逆时针的顺序遍历).

等价于下面的定义

p#fourborders

{

border-top-width:thick;

border-right-width:medium;

border-bottom-width:thin;

border-left-width:12px;

}

问题六：FireFox（火狐）不支持 scroll属性，必须定义overflow:hidden;而且要在html标签下，不能在body下

html{

overflow:hidden;

}

问 题七：FireFox（火狐）不支持数据岛绑定

src="" >在IE下可以加载进数据，但到了火狐就加载不进数据了，开始以为可能是因为内容行文字太多导致不能断行不能加载，但删除 只剩几个字以后一样不行。

问题八：style="word-break:break-all"在网页中的单元格里的内容超出一行时,在 IE浏览器里定义的换行样式能够正常使用,但在firefox里却不能被支持了.style="word-break:break-all" 是MS扩展的IE专有属性，并未成为W3C标准，因而 Firefox 还不能支持它。不过MS已经将其提交到了W3C，而在W3C的CSS3的候选方案中也能看到它。希望这个属性在被W3C最终定案的为CSS3标准 后，Firefox可以支持吧。这之前，可以试试

style=";word-wrap: break-word" （当它是英文的时候就不能正常换行了）

问题九：目前FireFox（火狐）2.0为止都不支持IE的name锚点

像这种写法都是不支持的：

onclick="(-1)">go back

原来根据W3C的语法，标签始终都会查找href地址并跳转过去，现在onclick事件与###这个地址又有冲突。

为了让Firefox与IE部分元素属性兼容，那个费劲，我无意中发现Firefox对空格敏感：

onclick="='?page=messages#2'">

//无空格，锚点无作用

锚点的写法又十分讲究，比如，Firefox不支持锚点，得加上id=#1

静态同页面引用时必须这样写：，

href="#1">就不行，动态页面要用JS

后遗症来了，考虑到鼠标样式和浏览器兼容又开始折腾：

//不兼容

//不兼容

//没有{...},属于脚本的非法书写

//没照顾到自定义系统鼠标样式的用户

//状态栏会显现，href有多长显示多长

//我用的

问题十：FireFox（火狐）火狐下面不支持属性的，必需用mentById('idName');

onclick="

='?page=messages#2'"> //有空格，锚点作用

以下是我的动画切换效果，在IE下正常，到了火狐里面就不动了，修改后可以切换图片但渐隐渐现的效果就没有了。原因是火狐不支持滤镜filter,只好用半透明的div来实现了。

/*

company page

*/

function playcompanyimg()

{

erval('changecompanyimg();', interval);

}

function changecompanyimg()

{

/*

火狐下面不支持*/

//if ()

//{

/**

以下两句是在切换效果前切换背景图片的代码，number、image和idtemp要设置全局变量才可以

*/

number = (() * );

=image[number];

//alert(number+" ii "+)

/**

属性的，必需用mentById('idName');

以下两句是实现幻灯片切换效果的

*/

//alert(do_transition);

//="progid:(duration=2,overlap=0.4)";

/*

="progid:(duration=1,overlap=1)";

s[0].Apply();

s[0].Play();

*/

var companyimgidtmep =

mentById('companyimg');

="progid:(duration=1,overlap=1)";

s[0].Apply();

s[0].Play();

//}

}

参

在其它的非IE浏览器虽然不支持这个滤镜，但是支持透明滤镜的，你可以分一下，IE下继续使用你这个效果，而在非IE浏览器下用透明滤镜：

y

opacity = 0.5 CSS3

考资料：核心：FILTER:revealTrans(duration=1,transition=23); 一个IE滤镜，

city

-moz-opacity: 0.5 Mozilla 里等同上面这个滤镜 这个滤镜也适用于Netscape

pacity

-khtml-opacity: 0.5 Safari 里的透明滤镜。

IE：

y

to meizz(梅花雪)

其实我想过你那个问题的。但是透明 opacity 这个他不是一个渐变的过程。

一般这种图片过度特效最多持续一秒把，最多最多两秒

duration=2

超过2秒就很累赘，喧宾夺主了。

在2秒钟里面实现

g_="alpha(opacity="+i+")" 透明度的变化是比较累赘的事情。

要用 erval 改变 i 的值， 而且还要调用几十上百次erval

才能看到效果。

这样的话，我觉得得不赔失，是为了特效而特效了

另外一种考虑是，毕竟非IE浏览器是少数，即使在FireFox（火狐）下 没有图片过度特效，其实也没什么，

还是很流畅，不过就是看不到IE里面的美而已。

问题十一：FireFox（火狐）下链接的onclick事件不起作用

在IE下没有问题，在FireFox（火狐）下点击了没有反应。作了多次尝试，换成onclick="display('whatwedo')"仍然不 行，后来通过多次检查，搜索仍然找不到门路，最后采用惯用的方法－－一步一步alert();出来看效果，原来他妈的是一个id的值写错了，但奇怪的是 IE下面没有关系？是IE的容错内容太强了还是火狐的容错内容太差了？不过还是喜欢火狐的严谨和标准哈。可以让人发现不少深层次的东西。哈哈。

问题十二：FireFox（火狐）中div定位不能通过js初始化 必须先设定值并且要设定度量单位 top:80px;left:212px;

问题十三：FireFox（火狐）不能用.click();方法打开链接，终于暂时性的解决了

问题十四：OVERFLOW-Y:auto;OVERFLOW-X:hidden;在IE里面可以用no表示隐藏，但在FireFox（火狐）里面必须用hidden