标签归档: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.miaoqiyuan.cn/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.miaoqiyuan.cn/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下做背景透明效果需要把模式改成索引模式