文本无法撑开浏览器css解决,CSS设计浏览器兼容性问题（15页）-原创力文档-优快云博客

TOC \o "1-3" \h \z \u ?JavaScript 2

1.HTML对象获取问题 2

2.const问题 2

3.event.x与event.y问题 2

4.window.location.href问题 2

5.frame问题 3

6.模态和非模态窗口问题 3

7.firefox与IE的父元素(parentElement)的区别 3

8.document.formName.item(”itemName”) 问题 3

9.集合类对象问题 3

10.自定义属性问题 3

11.input.type属性问题 3

12.event.srcElement问题 4

13.body载入问题 4

14.事件委托方法 4

15.Table操作问题 4

16.对象宽高赋值问题 4

?CSS 4

1.cursor:hand?? VS?? cursor:pointer 4

2.innerText在IE中能正常工作，但在FireFox中却不行. 4

3.CSS透明 5

4.css中的width和padding 5

5.FF和IE BOX模型解释不一致导致相差2px 5

6.IE5 和IE6的BOX解释不一致 5

7.ul和ol列表缩进问题 5

8.元素水平居中问题 5

9.Div的垂直居中问题 5

10.margin加倍的问题 6

11.IE与宽度和高度的问题 6

12.页面的最小宽度 6

13.DIV浮动IE文本产生3象素的bug 6

14.IE捉迷藏的问题 6

15.float的div闭合;清除浮动;自适应高度 7

16.高度不适应 8

17.IE6下图片下有空隙产生 8

18.对齐文本与文本输入框 8

19.LI中内容超过长度后以省略号显示 8

20.为什么web标准中IE无法设置滚动条颜色了 9

21.为什么无法定义1px左右高度的容器 9

22.链接(a标签)的边框与背景 9

23.超链接访问过后hover样式就不出现的问题 9

24.FORM标签 9

25.属性选择器(这个不能算是兼容,是隐藏css的一个bug) 10

26.为什么FF下文本无法撑开容器的高度 10

JavaScript

HTML对象获取问题

FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");

const问题

说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量. 解决方法：统一使用var关键字来定义常量.

event.x与event.y问题

说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是没有x,y属性. 解决方法：使用mX(mX?? =?? event.x?? ??? event.x?? :?? event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.

window.location.href问题

说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location. 解决方法：使用window.location来代替window.location.href.

frame问题

以下面的frame为例：(1)访问frame对象:IE:使用window.frameId或者window.frameName来访问这个frame对象.?? frameId和frameName可以同名。Firefox:只能使用window.frameName来访问这个frame对象.另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.(2)切换frame内容:在 IE和Firefox中都可以使用window.document.getElementById("testFrame").src?? =?? "xxx.ht