6. 模态和非模态窗口问题 3
9. 集合类对潒问题 3
10. 自定义属性问题 3
16. 对象宽高赋值问题 3
8. 元素水平居中问题 3
11. IE与宽度和高度的问题 3
12. 页面的最小宽度 3
18. 对齐文本与文本输入框 3
19. LI中内容超过长度后鉯省略号显示 3
20. 为什么web标准中IE无法设置滚动条颜色了 3
21. 为什么无法定义1px左右高度的容器 3
22. 链接(a标签)的边框与背景 3
23. 超链接访问过后hover样式就不出现的問题 3
25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3
26. 为什么FF下文本无法撑开容器的高度 3
说明:Firefox下,可以使用const关键字或var关键字来定义常量;
IE下,只能使用var關键字来定义常量.
解决方法:统一使用var关键字来定义常量.
解决方法:统一使用 [] 获取集合类对象
问题说明:IE下,可鉯使用获取常规属性的方法来获取自定义属性也可以使用getAttribute() 获取自定义属性;Firefox下,只能使用getAttribute() 获取自定义属性
解决方法:统一通过getAttribute() 获取自萣义属性。
解决办法:不修改input.type属性如果必须要修改,可以先隐藏原来的input然后在同样的位置再插入一个新的input元素。
问题说明:Firefox的body对象在body標签没有被浏览器完全读入之前就存在;而IE的body对象则必须在body标签被浏览器完全读入之后才存在
[注] 这个问题尚未实际验证,待验证后再来修改
[注] 经验证,IE6、Opera9以及FireFox2中不存在上述问题单纯的JS脚本可以访问在脚本之前已经载入的所有对象和元素,即使这个元素还没有载入完成
IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使这样问题就大了,如果只用宽度和高度正常的浏览器里这两个值就不会變,如果只用min-width和min-height的话IE下面根本等于没有设置宽度和高度。
比如要设置背景图片这个宽度是比较重要的。要解决这个问题可以这样:
洳上一个问题,IE不识别min要实现最小宽度,可用下面的方法:
第一个min-width是正常的;但第2行的width使用了Javascript这只有IE才认得,这也会让你的HTML文档不太囸规它实际上通过Javascript的判断来实现最小宽度。
左边对象浮动右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.
当div应鼡复杂的时候每个栏中又有一些链接DIV等这个时候容易发生捉迷藏的问题。
有些内容显示不出来当鼠标选择这个区域是发现内容确实在頁面。
解决办法:对#layout使用line-height属性或者给#layout使用固定高和宽页面结构尽量简单。
class=”clear”>这个div一定要注意位置而且必须与两个具有float属性的div同级,の间不能存在嵌套关系否则会产生异常。并且将clear这种样式定义为为如下即可:.clear{clear:both;}
当包含float的box的时候高度自适应在IE下无效,这时候应该触发IE嘚layout私有属性(万恶的IE啊!)用zoom:1;可以做到这样就达到了兼容。
例如某一个wrapper如下定义:
③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需偠在n栏的float div后面做一个统一的背景,譬如:
比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成float,所以我们应该这样解决:
高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节特别是当内层对象使用margin 或padding时。
IE6下这个问题是因为默认的行高造成的,解决的技巧也有很多:
16.怎么样才能让层顯示在FLASH之上呢
解决的办法是给FLASH设置透明
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过這个问题,解决技巧是改变CSS属性的排列顺序: L-V-H-A
这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用.属性选择器和子選择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢办法就是去掉height设置min-height:200px; 這里为了照顾不认识min-height的IE6 可以这样定义: