2009-06-21 28 views
0

对于IE 6,我们有大量的错误让我们担任设计师。有没有其他的方法可以修复IE 6的错误?

不正确盒模型等等等等

我已经通过JavaScript搜索修复和发现

[链接] [1] IE7.js IE7是一个JavaScript库,使微软的Internet Explorer的行为如符合标准的浏览器。它修复了许多HTML和CSS问题,并使IE6和IE6下的透明PNG工作正常。

但我们有真正的生活保护程序,而不是通过CSS的JavaScript。

+5

IE6没有错误的盒子型号,除非您的文档类型错误。 – svinto 2009-06-21 16:56:48

回答

3

如何处理IE6的CSS错误?当然。

参见:http://www.quirksmode.org/css/condcom.html 有条件的意见

还有其他的方法,如在都被忽略,一些浏览器而不是在其它一些CSS属性添加一些特定的字符。

但是,在某些情况下,网页设计师在使用这些时应该非常谨慎。

3

另一种方法是在IE 6的错误世界中生活,并设计你的页面,尽管他们看起来是正确的。您可以为您的IE6客户端提供不同的CSS,或者根据您的设计提供不同的HTML(如有必要)。在某些情况下,您可以使用一个CSS文件,这对IE6客户端意味着不同的东西,但该技术在IE7和8方面存在问题。

0

有一些简单的样式表黑客可以修改各种Internet Explorer版本中的演示文稿来解决您的CSS问题。例如这三个:

简化盒模型破解了IE4,IE5,IE5.5:

div.values { margin: 10px; m\argin: 20px; } 

星级HTML劈为IE4,IE5,IE5.5和IE6:

* html div.values { margin: 5px; } 

明星第一胎+ HTML的黑客针对IE7:

*:first-child+html div.values { margin: 5px; } 

PNG transparancy问题可以这样解决方案来解决:

<div style="width:50px;height:50px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo/logo.png');"> 
    <img src="/images/logo/logo.png" height="50" width="50" alt="" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" /> 
</div> 
0

伟大的信息,到目前为止,但有一点要注意的是,IE7.js不能解决在所有情况下的PNG(至少去年我看了)。例如,您将无法使用透明度平铺背景图片。

在DXImageTransform的情况下,您可能会发现,当它应用于包含链接的元素时,这些链接不再是“可点击的”。您可以通过给具有变换应用到它的静态定位和孩子锚元素如定位的父元素有时候解决这个问题,

h2{ 
position:static; 
zoom:1; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mypng.png", sizingMethod="scale"); 
} 
h2 a{ 
position:relative; 
} 
<h2><a href="" >a link!</a></h2> 

如果你有做这样的垃圾把它放在一个单独的样式表并用条件注释控制加载。如果设计有任何复杂性,请尽量不要支持ie6或<。如果你不能避免这样做,请多收费;)。有时候,这足以说服某人支持ie6不“值得他们的时间”。

0

你为什么不试试FireBug Light for IE?它不如FireFox FireBug强大但可以帮助

0

许多错误可以在CSS中使用条件注释或CSS选择器黑客来解决。但也有一些错误是CSS单独黑客无法处理,如IE6的.multiple.class.selector.bug

1

这个链接也得心应手一个

How do you deal with Internet Explorer?

我从来不知道这一点 - 感谢svinto “ IE6没有错误的盒子型号,除非你有错误的文档类型。 - svinto“

0

还有另一个快速和肮脏的黑客IE6风格 例如

您可以将CSS定义为;

.divTitle { 填充:5像素; width:600px; _width:590px; }

所有其他浏览器选取600px作为宽度值& IE6覆盖它&取590px;

我已经在IE7 & FF中测试过了。

您也可以查看此链接; link text

相关问题