CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都是只针对单独一个浏览器的 CSS Hack。

为了向你展示这些 CSS Hack 是否正常运作,我新建六个 P 标签,并给每一个 P 标签一个特有的 id。这将向你展示 CSS Hack 的运作情况。

<p id=”opera”>我来自 Opera 7.2 – 9.5</p>
<p id=”safari”>我是神奇的 Safari</p>
<p id=”firefox”>我来自 Firefox</p>
<p id=”firefox12″>我是你爷爷 Firefox 1 – 2 </p>
<p id=”ie7″>我是囧 IE 7</p>
<p id=”ie6″>我是脑瘸 IE 6</p>

然后我让这些 P 标签默认都不显示

<style type=”text/css”>
body p{display: none;}
</style>

阅读全文»