標簽歸檔:ie6

讓IE6支持CSS2.1選擇器

雖然用各種CSS Hack,使我們的頁面能在不同的瀏覽器中表現出相同的效果,但是CSS2.1的選擇器卻沒有在IE6中正常解釋的解決方案,放棄CSS2.1?寫兩個CSS,一個有CSS2.1選擇器的IE7,FF等瀏覽器,然后再寫一個IE6的CSS?
我相信做網站前斷的都遇到這個問題把,難道就沒有解決方案了嗎?放棄CSS2.1?寫兩個CSS?
這幾天在CSDN上發現了一個好東東,通過在IE6上執行JS腳本,來解析CSS2.1的選擇器,而且屢試不爽,分享給大家。
腳本下載:http://www.shiekolong1185.icu/js/iehack.js
下面是寫得一個DEMO

< !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/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>JsHack DEMO</title>
<!--[if lte IE 6]><script type="text/javascript" src="http://www.shiekolong1185.icu/js/iehack.js"></script>< ![endif]-->
<style type="text/css">
.test>strong{color:#6699FF}
.test>div>strong{color:#FF0000}
</style>
</head>
<body>
<div class="test">
<strong>0000000000</strong>
<div>
  <strong>1111111111</strong>
  <div>
    <strong>22222222222</strong>
    <div>
         <strong>3333333</strong>
         <div>4444444</div>
     </div>
  </div>
</div>
</div></body>
</html>

IE6背景透明的方法

因為工作,要用NAV效果,這就需要背景透明,試了下GIF,效果實在不敢恭維,只好選擇PNG了

在IE7,FF中正常,但在IE6中無論怎么改,應該透明的地方總是灰色的

在網上搜索了下,解決方案(http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html):

<img src=”blank.gif” style=”width: 100px; height: 100px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’image.png’, sizingMethod=’scale’)” />
但是我需要的是背景效果,并不能解決這種問題,今天忽然想到GIF是索引模式,是不是PNG需要改成索引模式才能顯示正常,測試了一下,果然可行

?

于是得出結論:PNG在IE6下做背景透明效果需要把模式改成索引模式