SonicHTML – 高品质 HTML+CSS 服务

很多Web开发人员一直在寻求建立一个跨浏览器的网站的最好方法。特别是臭名远扬的IE6浏览器，您设计精美的网站在Mozilla上面浏览可能变得丑恶和可怕。并不是打击您，但这是真理。如果一个网站不能被所有互联网用户正常的查看，那么，这个网站还有什么存在意义？期待有更好的IE浏览器出现也很重要？但主要问题是：

IE还是人们还在互联网用户使用最多的浏览器，市场占有率最高，他们还在使用IE6浏览器上网。关闭windows updata（系统更新）的用户，老学校或什么？

当你购买一台PC或笔记本电脑，如果是Windows操作系统，那肯定捆绑了IE浏览器。如果是Windows XP，那相信你得到的就是IE6浏览器。

无论如何，在这里我列出一些我所了解到针对IE的CSS hack，这些都非常实用

<!–[if lte IE 6]>

大多数的人都必须使用此代码。使用IE系列浏览器特有的条件判断。首先，创建样式在ie外的浏览器使用，再创建一个CSS为IE使用，使其看起来在不同浏览器下面几乎相同。

1
2
3

<!--[if lte IE 6]>
	<link rel="stylesheet" href=" styleie6.css " mce_href=" styleie6.css " media="screen" />
&lt;![endif]--&gt;

同样对ie7和 ie8 一样有效

The inline css hack for ie

在同一个CSS文件里面的hack

1
2
3
4

#header {
margin-left: 10px; /* common css code */
_margin-left: 20px /* this is ie6 hack */
}

_margin-left: 20px只为IE6读取，这也是最常使用的hack之一。

iepngfix.htc

这就是最流行的用于IE显示PNG透明背景图像的hack。

1
2
3
4

<!--[if lte IE 6]>
<mce:style><! 
#header, #navigation, and other id or class that have .png background-image { behavior: url("link to your/iepngfix.htc") }
-->

使用此hack，你不能通过id或class对其进行“相对/绝对定位”，这样会出错，并且区域无法点击。

DD_belatedPNG?

这也是一个IE显示PNG透明背景图像的hack。这是最新的一种解决方案（本人超级推荐），之前我有一篇文章单独进行介绍，有兴趣的 请点这里

1
2
3
4
5
6

<!--[if IE 6]>
<mce:script src="”DD_belatedPNG.js”" mce_src="”DD_belatedPNG.js”"></mce:script>
<mce:script type="text/javascript"><! 
DD_belatedPNG.fix(’#container, #banner, #logo‘);
// List the div id or class that contain .png image file in the bracket.
// -->

Warning message (not recommended)

这应该最后一种 CSS hack 技术。不要轻易地使用它，使用它时，可能会冒犯到某些访问者。

原文：5个你应该知道的针对IE的 CSS HACK

译自：5 Important CSS Hacks for IE That You Should Know

Popularity: unranked