解决IE6下溢出多余文字Iebug多种方法

下面把自己做后的总结整理下:
方案1:
原因:出现这种情况绝大多数都是与浮动有关系的。 [通常都是用这个方案解决的]
解决思路:
检查下出现这种情况的容器(比如DIV)是否有用到浮动,并且,当前浮动是否有必要应用;假如即使不用浮动也可以达到效果话,就将浮动去除。或是,加一个 “Clear:both” 清除浮动。(像绝对定位以及浮动这些属性,一般是能不用就不用,至于为啥俺说不出来,我是完全凭觉得做事的,事实证实我这么做是准确的 )
方案2:
原因:检查代码中是否有添加注释。
解决思路:
如果代码中包含了注释,可以尝试下将注释删除后是否会正常显示。
( 因为曾经有次我有遇到过这么个情况,所以导致我一直到现在都不敢再在代码里写注释)
另一个好玩的就是,如果这个Bug真是因为注释语句引起的话,那么,每添加一条注释语句,界面中就会多出一个溢出文字。也就得到了一个公式: 溢出文字 = 注释条数 X 2 -1 (不管文字是否为中英文) 当溢出的字数大于总字数时,文字区块就会消失。
今天在百度中发现了另一种写注释的方法,可以达到既能写注释,又会必免再次出现这种情况的两全的办法: 错误码系统
可以用IE注释,语法是: ;
第二种解决办法是: 将注释语句写在Div容器里边;
方案3:
原因: 如果代码是在form表单中的,检查表单里是否包含Hidden标签。
解决思路:
如果表单中包含hidden标签,需要在hiddent标签外加对
来把它包住。(详细原因不是很了解,只知hidden标签不能直接在form里显(li xian)示,如果实在解决不了这个IE6 Bug时,不妨套用下试(shi _bu fang tao yong xia shi)试)
方案4:
原因:用Div将文字一层一层包住。
解决思路:
当把文字区域用DIV一层一层包住时,会惊异滴发现:多余的文字也在一个一个减少。但是这种做法超级笨,典型的治标不治本。 不提议使用。
方案5:
原因:在文字区域后加入’
‘ 或 空格符。
解决思路:
通过在文字区域后加入换行符与空格符也会解决不显示多余文字的问题,不过同样的,这个解决方案并不能根本的解决问题,因为它溢出的不是文字而是换行符或空格符,所以只要界面排版没有影响 就看不太出来。
方案6:
原因:给文字区域加入 ‘ Prostion : relative’属性。
解决思路:
通过给容器设置Prostion 也会解决这个IEBug。
方案7:
原因: 浮动文字区域的容器有设置固定宽度。
解决思路:
将固定宽度去除,会很好的解决这个IE Bug。
方案8:
原因:IE6 3px Bug。
解决思路:
将容器固定宽度-3px; 或设置margin-right:-3px; 同样会解决这个Bug。(需要注重的是,更改宽度后是否会
影响到排版)

总结,不管我们用了什么方法但最终都是css常用命令在这里定义了,所以说使用一个工具我们不只要会用而且要会灵活运行才行。

时间: 2024-11-02 06:28:48

解决IE6下溢出多余文字Iebug多种方法的相关文章

IE6下溢出多余文字解决方案Iebug

方案1: 原因:出现这种情况绝大多数都是与浮动有关系的. [通常都是用这个方案解决的] 解决思路: 检查下出现这种情况的容器(比如DIV)是否有用到浮动,并且,当前浮动是否有必要应用:假如即使不用浮动也可以达到效果话,就将浮动去除.或是,加一个 "Clear:both" 清除浮动.(像绝对定位以及浮动这些属性,一般是能不用就不用,至于为啥俺说不出来,我是完全凭觉得做事的,事实证实我这么做是准确的 ) 方案2: 原因:检查代码中是否有添加注释. 解决思路: 如果代码中包含了注释,可以尝试

解决ie6下png图片透明的完美方法

看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色.今天特下载网上一些优秀页面进行分析整合,整理了两套相当有效的解决方案,可以同时支持插入图片或css背景调用问题. 更新下载版本说明: 1."ie6-png-2(filter)"文件中,滤镜控制调用背景透明和js控制插入图片透明不能同时出现,这样在不同浏览器下会有问题,可以分开使用: 2."ie6-png-1(js)"

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决 关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.update8.com/Web/CSS/css/images/png24.png",sizingMethod="crop"); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的

JS解决ie6下png透明方法

  解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK. <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css"> .a{background: #FFFF99 ; backgroun

JS解决ie6下png透明的方法实例

解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK.   复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css">  .a{background: #FFFF99

JS解决ie6下png透明的方法实例_javascript技巧

复制代码 代码如下: <!DOCTYPE html><html lang="en"><head><title>解决ie6下png透明方法之JS法-</title><style type="text/css"> .a{background: #FFFF99 ;  background-image: url(bg.jpg); height:800px;padding: 50px;  } .b{ fl

javascript解决IE6下hover问题的方法_javascript技巧

有时候我们想在非a标签上加hover元素 但是我们都知道IE6下不支持XX:hover,所以我们现在可以用js实现掉:代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

基于jQuery IE6下PNG图片背景透明问题解决方法

基于jQuery IE6下PNG图片背景透明问题解决方法 IE6问题真的很多,其中有一个问题是PNG图片背景无法变成透明,取而代之的是一个色块,有时候我们想用png透明图片来做小图标,这个在IE6下就纠结了,下面我们用一个jquery插件来解决这个问题,希望能帮上大家. 首先下载SuperSleight for jQuery,再下载一张透明gif图片transparent.gif. 引用脚本: <script type="text/网页特效" src="/scripts

IE6下的PNG图片透明问题解决方法

ie6下的png图片透明问题解决方法 简单方法是有,用滤镜,但我在firefox下不能正常浏览,况且又耗资源,还不是web标准所提倡的,所以,弃之. filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/1.png', sizingmethod='crop'); 这里是设置你所需要透明图片容器的名字,包括 a:hover (别写错了 :d) <script type="text/网页特效">