FireFox与IE兼容问题

柠檬之焰

浏览: 10948 次
性别:
来自: 北京

最近访客更多访客>>

wl320

bill1

foxmta

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

IE Firefox CSS 浏览器 Safari

JavaScript问题：
0、FireFox下如果用show做为js方法名会有问题

0.1、<br>或</br>在FireFox里没有效果，需要用<br/>

1、parentElement
问题：IE:支持parentElement，Firefox不支持parentElement而支持parentNode
解决：parent=obj.parentElement || obj.parentNode;

2、自定义属性：
问题：IE：可通过obj.defineAtt得到自定义属性，而Firefox不可以
解决：IE与FireFox通用：obj.getAttribute("defineAtt")；obj.setAttribute("defineAtt","值");

3、在含有frameSet页面取input值
问题：IE可取到该页面input的值，但Firefox无法取到，通过getElementById("input")会返回空
解决：在frame子页面取top中的input时，可换种方式。把input的值，变成frame的自定义属性，放到frame，然后通过以下方式获得（举例）：
      window.top.document.getElementById("leftFrame").getAttribute("hiddenUrl");

4、元素属性input.type
区别：IE下 input.type属性为只读，但是FireFox可以修改

5、 document.getElementsByName() 和 document.all[name] 的问题
问题：在 IE 中，getElementsByName()、document.all[name] 均不能用来取得 div 元素（是否还有其它不能取的元素还不知道）。

6、元素id与name：
    现象：IE，在IE中元素只定义了name也可以通过document.getElementById("**")获得元素，而Firefox下不行
    解决：每个元素均要写上id与name

    7、JS修改过的表单元素无法提交到后台：
    解决：<form>标签必须在<td>内或<table>外，不能在<table>与<tr>之间；并且所在的层次应该保持一致，即：在同一个table内或外，不能开始标签在此table内，结束在table外

    8、show
    解决：IE中可以用show作为方法名，但FireFox不允许，show为FireFox关键字

    9、document.formName.item("itemName") 问题 []与()的问题
    现象：IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];
          Firefox下,只能使用document.formName.elements["elementName"].
       又如：tr.cells(0)，就要用tr.cells[1]
    解决：统一使用document.formName.elements["elementName"].

    10、eval("idName")问题
    现象：IE下,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象；
          Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.
    解决：统一用getElementById("idName")来取得id为idName的HTML对象.

    11、变量名与某HTML对象ID相同的问题
    现象：IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.
          Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。
    解决：使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.

12、event.x与event.y问题
现象：IE下,even对象有x,y属性,但是没有pageX,pageY属性；Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.
解决：使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.

13、event.srcElement问题
现象：IE下,event对象有srcElement属性,但是没有target属性；Firefox下,event对象有target属性,但是没有srcElement属性.
解决：使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.

14、frame问题，以下面的frame为例：<frame src="http://www.bokemx.com/xxx.html" id="frameId" name="frameName" />
（1）、访问frame对象:
       IE:使用window.frameId或者window.frameName来访问这个frame对象.
       Firefox:只能使用window.frameName来访问这个frame对象.
解决：使用window.frameName或window.document.getElementById("frameId")来访问这个frame对象

(2)切换frame内容:
     解决：在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"来切换frame的内容.
      如果需要将frame中的参数传回父窗口，可以在frme中使用parent来访问父窗口。例如：parent.document.form1.filename.value="Aqing";

15、body问题：
现象：Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body则必须在body标签被浏览器完全读入之后才存在.
例如：
    Firefox：
    <body>
    vscript type="text/javascript">
    document.body.onclick = function(evt){
    evt = evt || window.event;
    alert(evt);
    }
    </script>
    </body>
    IE&Firefox：
    <body>
    </body>
    <script type="text/javascript">
    document.body.onclick = function(evt){
    evt = evt || window.event;
    alert(evt);
    } </script>

16、事件委托方法
现象：IE：document.body.onload = inject; //Function inject()在这之前已被实现
           Firefox：document.body.onload = inject();
解决：window.onload=function(){函数名()};//把函数加入window.onload事件中

17、eval()与window.execScript()执行脚本
现象：IE、firerox均支持eval()，firefox不支持window.execScript()
解决：统一使用eval()；并且fireFox不支持vbscript

18、对事件处理函数的重写
解决：（例）:如对document的onclick()重写，统一使用document.onclick = function(){…}

19、document.all问题
现象：ie支持document.all 而firefox 不支持
解决：1）getElementsByTagName("tagName") 可以得到得到所有标签元素的集合；document.getElementsByTagName("*")等价于document.all
      2）getElementById("idName") 可以按id得到某一元素
      3）getElementsByName("Name") 可以得到按name属性得到某一元素

20、FireFox中类似 obj.style.height = imgObj.height 的语句无效
解决方法：obj.style.height = imgObj.height + 'px';

21、 ie,firefox以及其它浏览器对于table 标签的操作都各不相同
   在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。
解决：
    //向table追加一个空行：
    var row = otable.insertRow(-1);
    var cell = document.createElement("td");
    cell.innerHTML = " ";
    cell.className = "XXXX";
    row.appendChild(cell);

22、tbody不能直接写在table的tr中，必须要放在一个td中，否则样式会出现问题

23、不同于IE，在Firefox下，不能使用如下形式的location.href
   只能使用如下形式的window.location.href＝"http://shuai.be/"

   Css问题：
0、css filter Alpha透明效果
   CSS代码
   filter: Alpha(opacity=0);
   -moz-opacity:0;
   opacity:0;
   这三句,第一句是ie 支持.第二三句是firefox支持的,但是版本不一样就有两种了,所以用时候把三句都加上就行了

0.1、在FireFox中设置各种宽、高度均需指定单位，如：px

1、手型鼠标，标准的是：cursor:pointer;

2、padding 问题
举例：padding 5px 4px 3px 1px
          FireFox无法解释简写,必须改成
            padding-top:5px;
            padding-right:4px;
            padding-bottom:3px;
            padding-left:1px;

2.1、宽度问题：firefox宽度展现与IE不同，需要在CSS中分别定义：
   IE6以下不设别!important，而IE7以上会以识别的最后一个为准
    /*for FireFox */
    margin:3px 0px 3px 0px !important;

    /*for IE7*/
   margin:0px 0px 0px 0px !important;

   /*for IE6*/
margin:0px 0px 0px 0px ;

3、消除ul、ol等列表的缩进时
    样式应写成:list-style:none;margin:0px;padding:0px;
        其中margin属性对IE有效，padding属性对FireFox有效

4、CSS透明
    IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)
    FF：opacity:0.6

5、CSS圆角
      IE：不支持圆角
          FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;

6、 CSS双线凹凸边框
IE：border:2px outset;
FF： -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;

7、width宽度
    CSS ‘width’ 指的是标准CSS中所指的width的宽度，在firefox，opera等中的宽度就是这个宽度。它只包含容器中内容的宽度。
    而Internet Explorer ‘width’则是指整个容器的宽度，包括内容，padding ，border。所谓的CSS的宽度的加法减法就指这里不同浏览器对width解析得到的不同结果。
Firefox中是加法：容器占的宽度=内容宽度+padding宽度+border宽度
IE中是减法：内容宽度=您定义的容器宽度(Internet Explorer ‘width’)-padding宽度-border宽度
    大家区分的时候重点是分清：内容宽度和容器所占宽度这两个的不同
        由于以上差别的存在，必然造成定义的一个容器宽度在不同浏览器中显示出不同的效果来。解决办法主要有两种：
    一种是写hack
一种是采取在当前容器中再增加一个div的方法来解决。

写hack：
给不同的浏览器写一个不同的width： div.aa{width:100px; *width:100%;}Firefox等浏览器只能认出前一个width来，因此它会认为这个div容器的宽度是100px，而IE6等浏览器则两个都能认出来，但是根据优先级，写在后面的会被采纳，因此IE6会认为这个div容器的宽度是120px；

增加一个div或者其它容器的方法：
div结构是：
<div class=”aa”><div>内容放在这里</div></div>
CSS代码是：
.aa{width:120px;}
.aa div{padding:10px;}
将padding border与width分开来写，分到不同的div里面，既不用做加法，也不用做减法，外面的div直接采用我们给它指定的宽度

1. document.form.item 问题
(1)现有问题：
现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行
(2)解决方法：
改用 document.formName.elements["elementName"]
(3)其它
参见 2

2. 集合类对象问题
(1)现有问题：
现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox(火狐)不能。
(2)解决方法：
改用 [] 作为下标运算。如：document.forms("formName") 改为 document.forms["formName"]。
又如：document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]
(3)其它

3. window.event
(1)现有问题：
使用 window.event 无法在火狐浏览器上运行
(2)解决方法：
火狐的 event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通：
原代码(可在IE中运行)： <br /><input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit()"/><br />...<br /><script language="javascript"><br />function gotoSubmit() {<br />...<br />alert(window.event); // use window.event<br />...<br />}<br /></script>

新代码(可在IE和火狐中运行)： <input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit(event)"/><br />...<br /><script language="javascript"><br />function gotoSubmit(evt) {<br />evt = evt ? evt : (window.event ? window.event : null);<br />...<br />alert(evt); // use evt<br />...<br />}<br /></script>
此外，如果新代码中第一行不改，与老代码一样的话(即 gotoSubmit 调用没有给参数)，则仍然只能在IE中运行，但不会出错。所以，这种方案 tpl 部分仍与老代码兼容。

4. HTML 对象的 id 作为对象名的问题
(1)现有问题
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在火狐中不能。
(2)解决方法
用 getElementById("idName") 代替 idName 作为对象变量使用。

5. 用idName字符串取得对象的问题
(1)现有问题
在IE中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象，在火狐中不能。
(2)解决方法
用 getElementById(idName) 代替 eval(idName)。

6. 变量名与某 HTML 对象 id 相同的问题
(1)现有问题
在火狐中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE中能。
(2)解决方法
在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。
此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。
(3)其它
参见问题4

7. event.x 与 event.y 问题
(1)现有问题
在IE 中，event 对象有 x, y 属性，火狐中没有。
(2)解决方法
在火狐中，与event.x 等效的是 event.pageX。但event.pageX IE中没有。
故采用 event.clientX 代替 event.x。在IE 中也有这个变量。
event.clientX 与 event.pageX 有微妙的差别（当整个页面有滚动条的时候），不过大多数时候是等效的。

如果要完全一样，可以稍麻烦些：
mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
(3)其它
event.layerX 在IE与火狐中都有，具体意义有无差别尚未试验。

8. 关于frame
(1)现有问题
在 IE中可以用window.testFrame取得该frame，火狐中不行
(2)解决方法
在frame的使用方面火狐和ie的最主要的区别是：
如果在frame标签中书写了以下属性：
<frame src="xx.htm" id="frameId" name="frameName" />
那么ie可以通过id或者name访问这个frame对应的window对象
而火狐只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问
ie： window.top.frameId或者window.top.frameName来访问这个window对象
火狐：只能这样window.top.frameName来访问这个window对象

另外，在火狐和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签
并且可以通过window.top.document.getElementById("testFrame").src = 'xx.htm'来切换frame的内容
也都可以通过window.top.frameName.location = 'xx.htm'来切换frame的内容
关于frame和window的描述可以参见bbs的‘window与frame’文章
以及/test/js/test_frame/目录下面的测试
----adun 2004.12.09修改

9. 在火狐中，自己定义的属性必须getAttribute()取得
10.在火狐中没有 parentElement parement.children 而用
parentNode parentNode.childNodes
childNodes的下标的含义在IE和火狐中不同，火狐使用DOM规范，childNodes中会插入空白文本节点。
一般可以通过node.getElementsByTagName()来回避这个问题。
当html中节点缺失时，IE和火狐对parentNode的解释不同，例如
<form>
<table>
<input/>
</table>
</form>
火狐中input.parentNode的值为form, 而IE中input.parentNode的值为空节点

火狐中节点没有removeNode方法，必须使用如下方法 node.parentNode.removeChild(node)

11.const 问题
(1)现有问题:
在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。
(2)解决方法:
不使用 const ，以 var 代替。

12. body 对象
火狐的body在body标签没有被浏览器完全读入之前就存在，而IE则必须在body完全被读入之后才存在

13. url encoding
在js中如果书写url就直接写&不要写&例如var url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器
一般会服务器报错参数没有找到
当然如果是在tpl中例外，因为tpl中符合xml规范，要求&书写为&
一般火狐无法识别js中的&

14. nodeName 和 tagName 问题
(1)现有问题：
在火狐中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。在 IE 中，nodeName 的使用好象
有问题（具体情况没有测试，但我的IE已经死了好几次）。
(2)解决方法：
使用 tagName，但应检测其是否为空。

2.ff不支持滤镜最常见的半透明不支持。

filter: Alpha(Opacity=50); /* for IE */
opacity: .5;/* for Firefox */

style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50"

3.ff不支持expression 例如去掉链接的边框要分别写不同的css

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */

4.ff不支持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: red; SCROLLBAR-TRACK-COLOR: F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-SHADOW-COLOR:#F6F6F6;
SCROLLBAR-DARKSHADOW-COLOR:#F6F6F6;SCROLLBAR-3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-HIGHLIGHT-COLOR:#F6F6F6;
}

这个在ff里面完全没有效果了。

5.ie下面显示在文字下面横线的border-width: 0px 0px 1px 0px;在ff里面跑到文字上面去了。（查了手册还是没有找到解决的办法感觉莫名奇妙～～原来是ff的容错能力太差了，是下面的width: 186px;height: 0px;宽高引起的，其实a:haver已经继承了上级的属性了，只要定义不同的样式就可以了，看来ff有助于制作标准化，简洁化的网页啊，对css的理解也更深刻，对提供css来说是个很好的帮助）

.onelinksdiv a:hover {
display: block;border-style: solid;color: #ff0000;border-width: 0px 0px 1px 0px;
/*
display: block;border-style: solid; border-width: 0px 0px 1px 0px;
width: 186px;height: 0px; color: #ff0000; font-size: 14px;text-align: right;
*/
}

//下面的写法在ie下面正常，但在ff下是错误的

.onelinksdiv a:hover {
display: block;border: #ff0000 solid; border-width: 0px 0px 1px 0px;
width: 186px;height: 0px; color: #ff0000; 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;
}

6.ff不支持<body scroll="no" > scroll属性，必须定义overflow:hidden;而且要在html标签下，不能在body下

html{
overflow:hidden;
}

7.ff不支持数据岛绑定<xml id="news" src="news.xml" ></xml>在ie下可以加载进数据，但到了火狐就加载不进数据了，开始以为可能是因为内容行文字太多导致不能断行不能加载，但删除只剩几个字以后一样不行。

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

9.目前FF2.0为止都不支持IE的name锚点

像这种写法都是不支持的：<a href="###" onclick="history.go(-1)">go back</a>
原来根据W3C的语法，<a>标签始终都会查找href地址并跳转过去，现在onclick事件与###这个地址又有冲突。

为了让Firefox与IE部分元素属性兼容，那个费劲，我无意中发现Firefox对空格敏感：
<a onclick="window.location.href ='faq.php?page=messages#2'"> //有空格，锚点作用
<a onclick="window.location.href='faq.php?page=messages#2'"> //无空格，锚点无作用

锚点的写法又十分讲究，比如<a name=#1>，Firefox不支持锚点，得加上id=#1
静态同页面引用时必须这样写：<a href="#1"></a>，<a href="static.html#1"></a>就不行，动态页面要用JS

后遗症来了，考虑到鼠标样式和浏览器兼容又开始折腾：
<a href="###" onclick=""> //不兼容
<a href="javascript:;" onclick=""> //不兼容
<a href="javascript:function();">   //没有{...},属于脚本的非法书写
<a style="cursor:hand" onclick=""> //没照顾到自定义系统鼠标样式的用户
<a href="javascript:onclick=''"> //状态栏会显现，href有多长显示多长
<a href=# onclick=""> //我用的

10.ff火狐下面不支持document.all属性的，必需用document.getElementById('idName');

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

   /*
company page
*/
function playcompanyimg()
{

window.setInterval('changecompanyimg();', interval);
}
function changecompanyimg()
{
/*
火狐下面不支持document.all属性的，必需用document.getElementById('idName');
*/
    //if (document.all)
//{

   /**
   以下两句是在切换效果前切换背景图片的代码，number、image和idtemp要设置全局变量才可以
   */
number = Math.floor(Math.random() * image.length);
   idtemp.src=image[number];
   //alert(number+" ii "+idtemp.src)
   /**
   以下两句是实现幻灯片切换效果的
   */
   //alert(do_transition);
   //document.all.companyimg.style.filter="progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0.4)";
   /*
   document.all.companyimg.style.filter="progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=1)";
   document.all.companyimg.filters[0].Apply();
   document.all.companyimg.filters[0].Play();
   */
   var companyimgidtmep = document.getElementById('companyimg');
   companyimgidtmep.style.filter="progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=1)";
   companyimgidtmep.filters[0].Apply();
   companyimgidtmep.filters[0].Play();
    //}
}

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

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

style.opacity
opacity = 0.5 CSS3

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

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

IE：
obj.filters.alpha.opacity

to meizz(梅花雪)
其实我想过你那个问题的。但是透明 opacity 这个他不是一个渐变的过程。
一般这种图片过度特效最多持续一秒把，最多最多两秒 duration=2
超过2秒就很累赘，喧宾夺主了。
在2秒钟里面实现
g_img.style.filter="alpha(opacity="+i+")" 透明度的变化是比较累赘的事情。
要用 window.setInterval 改变 i 的值，而且还要调用几十上百次window.setInterval
才能看到效果。
这样的话，我觉得得不赔失，是为了特效而特效了

另外一种考虑是，毕竟非ie浏览器是少数，即使在ff下没有图片过度特效，其实也没什么，
还是很流畅，不过就是看不到ie里面的美而已。

11.ff下链接的onclick事件不起作用

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

12.ff中div定位不能通过js初始化必须先设定值并且要设定度量单位 top:80px;left:212px;

13.ff不能用.click();方法打开链接，终于暂时的解决了

<div><a href="#" onclick="test1(2)" id="a3_a">hello</a> </div>
<div>
<a href="" onclick ="test2(1)" id="b3">hello2</a></div>
<div><a href="javascript:onclick =test2(1)" id="b3">hello3</a>触发事件放在href="javascript:onclick =test2(1)" 里面ff无效</div>
<div onclick="test2(1)" id="b3">hello3</div>
<script language="javascript">
   </script>



14.OVERFLOW-Y:auto;OVERFLOW-X:hidden;在ie里面可以用no表示隐藏，但在ff里面必须用hidden

分享到：