【关于ie6出现的问题的原因归结】的更多相关文章

关于ie6出现的问题的原因归结

关于ie6出现的问题主要可以归结为以下几种情况把. 当然还存在各种原因,bug的情况也还有各种各样,我只是小结一下我自己经常遇到,比较有代表性的问题.会持续的更新. 1.浏览器本身存在的缺陷 比如: 1>左浮动的元素,加了左补白(margin-left),就会出现双倍边距的问题.(我们可以尽量去避免这些问题,在不影响结构和其他样式的情况下,可以用左边距(padding-left),虽然两者在语意上是有区别的.) 2>绝对定位元素的1像素间距bug,当绝对定位元素的父元素高或宽为奇数时,bott…

关于ie6/7下的z-index

z-index这个属性其实在挺多地方都会用到,在百度上搜索也有大量关于z-index的篇幅去阐述这个属性,特别是在ie6下的z-index处理有更多的相关文章,本文就不再围绕z-index这一属性的基础展开叙述.这里要讨论的是最近在项目上对z-index在ie6下自己的一个认识,希望能帮助在z-index兼容上遇到问题的同行一个参考. 首先是demo,点击就可以看到相关的demo了,这个demo就是一个分类导航的模块,实现的功能是鼠标经过时当前标签切换背景以及弹出相关层,代码的结构好坏不做进一步…

IE6中常见兼容性问题及浏览器显示难题

1.双倍边距Bug 问题描述:假如有一个ul,里面有若干li,当li设置为左浮动时,此时设置li的margin-left为10px,会在最左侧呈现双倍情况.即20px 正常显示: IE6显示: 修正方法:给整个li这个集合加上 display:inline 2.3像素问题 问题描述:比如有两个div,前一个蓝色,后一个绿色,前一个设置了float:left,后面那个没有浮动,此时两个div并不重叠,而是并排并且二者中间相隔3px. 正常显示: IE6显示: 修正方法:用position:abso…

关于form.submit()不能提交表单的错误原因

来源:http://www.ido321.com/948.html 直接上代码把: 1: <div id="register"> 2: <h4>会员注冊</h4> 3: <div class="formdiv"> 4: <form method="post" action="register.php? action=register" name="register…

z-index兼容问题:关于ie6/7下的z-index

z-index这个属性其实在挺多地方都会用到,在百度上搜索也有大量关于z-index的篇幅去阐述这个属性,特别是在ie6下的z-index处理有更多的相关文章,本文就不再围绕z-index这一属性的基础展开叙述.这里要讨论的是最近在项目上对z-index在ie6下自己的一个认识,希望能帮助在z-index兼容上遇到问题的同行一个参考. 首先是demo,点击就可以看到相关的demo了,这个demo就是一个分类导航的模块,实现的功能是鼠标经过时当前标签切换背景以及弹出相关层,代码的结构好坏不做进一步…

[原创]ie6,7中td和img之间有间隙

情形描述 开发工具:VS2010: 浏览器版本:IE6以上,火狐,谷歌: 页面布局设计:Table+Img布局: 项目预览问题:火狐,谷歌,IE8以上未出现问题,IE6,IE7图片之间有间隙. 分析原因 1.td,img之间margin,padding设置不正确?    显然不是,如果设置了margin和padding其他浏览器应该也出现间隙. 2.前台页面顶部没有<!DOCTYPE html >之类的标签文档声明?    通过检查,已经设置了该文档标签. 3.是不是IE6,IE7对TD和IM…

IE6下面的浮动问题

第一个问题: 在IE6下面overflow:hidden;失效      原因:在IE6/7中子级设置position:relative;属性值后,导致父级的overflow:hidden;失效.        与定位的层级关系有关,IE6/7解析为内容已经跳出文档流,以致父级误以为没有包含内容.      解决方案: 对于IE6可以为父级添加定位属性纠正问题,但IE7依然无效. 第二个问题: 在IE6下overflow起了position:relative的作用 分析:在怪异模式与标准模式下的…

ie6浏览器兼容性

1.ie6双倍边距bug 块状元素设置float(左浮动或有浮动),并且设置margin值之后,第一个浮动的元素其左侧margin值为正常的2倍,如图,可以看到第一个元素的左侧边距于其他元素两两之间的边距一致,也就是其左边距为正常边距的两倍 解决方法:给元素设置display:inline即让元素不为块状元素,如图第一个元素左侧的边距显示正常 2.ie6浏览器3像素bug 设置蓝色块状元素左浮动,红色元素不浮动,两个块元素之间会出现3像素的间隙,如图 解决方法:第二个元素也设置左浮动,如图,间隙…

[CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題！

每次調CSS最令人頭痛的就是瀏覽器校正問題,因為每個瀏覽器對CSS的解釋都不太一樣,Firefox本身算是比較照規矩來,處理上比較簡單,但是遇到微軟的IE系列頭就大了,雖然都是IE,但是IE6.IE7.IE8各版本對CSS的解釋又不一樣,就算你本身已經在IE6調整好,但是在IE7看起來又是不一樣,這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題. 網路上有非常多關於CSS Hack的教學文章,當然處理方法也有很多種,接下來要跟大家說明的是屬於比較簡單的方法,但是以下的校正確無法通過W…

【Web】[原创]ie6,7中td和img之间有间隙

情形描述 开发工具:VS2010: 浏览器版本:IE6以上,火狐,谷歌: 页面布局设计:Table+Img布局: 项目预览问题:火狐,谷歌,IE8以上未出现问题,IE6,IE7图片之间有间隙. 分析原因 1.td,img之间margin,padding设置不正确?    显然不是,如果设置了margin和padding其他浏览器应该也出现间隙. 2.前台页面顶部没有<!DOCTYPE html >之类的标签文档声明?    通过检查,已经设置了该文档标签. 3.是不是IE6,IE7对TD和IM…