Posts Tagged ‘ie’

半透明图片的使用

2008年6月24日 星期二

起因:做个css,好死不死的用了个半透明的图片,唉~~~

首先,gif不支持半透明图片,咋办,只好png,恶心的是ie6不支持透明png,开始Google……

解决方法:

在叶面的header里加入:

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#header {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php bloginfo('template_url'); ?>/images/header.png");
  background: none;
}
</style>
<![endif]-->

其实还可以用* html #header来直接写在css里面,不过有以下缺点:

  1. 估计通不过css交验
  2. 测试后发现AlphaImageLoader的src的当前目录为根目录而不是css所在目录,这点就比较郁闷了,唉~~

写在header里最大的优点就是可以指定ie的版本号,绝对不会用错地方<--其实也是无奈之举。

在IE6中实现max-width

2008年6月20日 星期五

IE7已经开始支持max-width了,这是一个好消息,呵呵,不过ie6,呃~~~~~

研究后得出下面的有效代码 [if lt IE 7] 说的是让ie版本为7以下的执行下面的html片断,其他浏览器忽略这段html

后面还有,有兴趣就继续看 »

XHTML + FRAME

2008年6月3日 星期二

如果frame中的某一部分的DOCTYPE为XHTML那么,当出现滚动条的时候(无论是横向的还是纵向的)都会引起另一个滚动条同时出现,因为竖着的滚动条占了一定空间,所以会同时显示横向滚动条,其实这是bullshit!!!!

在google搜了一会儿,实验了一下,解决方法如下:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

针对IE网页浏览器不同版本解释的CSS或javascript

2008年2月1日 星期五

用法:

<!--[if lt IE 8]>
code here
<![endif]-->

解释语句如下:

  • gt = selects greater than(高于)
  • lt = selects less than(低于)
  • gte = selects greater than or equal to(>=)
  • lte = selects less than or equal to(<=)
  • ! = selects everything except what directly follows the "!"(选择所有,除了!)

实际应用:

  • 选择IE5.01版,可以用"<!--[if ie 5.0]>"
    或者"<!--[if Ite ie 5.0]>"
    或者"<!--[if !gt ie 5.0]>"
    或者"<!--[if lt ie 5.0000]>"
    或者"<!--[if !gte ie 5.5000]>"
  • 选择IE5.5,IE6.0,IE7.0,可以用"<!--[if !ie 5.0]>"
    或者"<!--[if gt ie 5.0]>"
    或者"<!--[if !lte ie 5.0]>"
    或者"<!--[if !lt IE 5.5000]>"
    或者"<!--[if gte IE 5.5000]>"
  • 选择IE5.5,可以用"<!--[if ie 5.5000]>"
  • 选择IE 5.01,IE6 ,IE7.0,可以用"<!--[if !IE 5.5000]>"
  • 选择IE 6,可以用"<!--[if IE 6]>"
  • 选择IE 5.01,IE5.5和IE7.0 ,可以用"<!--[if !IE 6]>"
  • 选择IE 7.0,可以用"<!--[if IE 7.0]>"
    或者"<!--[if !lte IE 6]>"
    或者"<!--[if gt IE 6]>"
    或者"<!--[if !lt IE 7.0]>"
    或者"<!--[if gte IE 7.0]>"
    或者"<!--[if !lt IE 7]>"
    或者"<!--[if IE 7]>"
    或者"<!--[if gte IE 7]>"
  • 选择IE 5.01,和IE5.5和IE6 ,可以用"<!--[if lte IE 6]>"
    或者"<!--[if !gt IE 6]>"
    或者"<!--[if lt IE 7.0]>"
    或者"<!--[if !gte IE 7.0]>"
    或者"<!--[if lt IE 7]>"
    或者"<!--[if !gte IE 7]>"
    或者<!--[ if !IE 7.0]>"
    或者"<!--[if !IE 7]>"
  • 选择IE 5.01和IE5.5,可以用"<!--[if IE 5]>"
    或者"<!--[if lte IE 5]>"
    或者"<!--[if !gt IE 5]>"
    或者"<!--[if lte IE 5.5000]>"
    或者"<!--[if !gt IE 5.5000]>"
    或者"<!--[if lt IE 6]>"
    或者"<!--[if !gte IE 6]>"
  • 选择IE 6和IE7.0,可以用"<!--[if !IE 5]>"
    或者"<!--[if !lte IE 5]>"
    或者"<!--[if gt IE 5]>"
    或者"<!--[if !lte IE 5.5000]>"
    或者"<!--[if gt IE 5.5000]>"
    或者"<!--[if !lt IE 6]>"
    或者"<!--[if gte IE 6]>"
  • 选择IE 5.01和IE5.5和IE6和IE7.0,用"<!--[if lte IE 7.0]>"
    或者"<!--[if gte IE 5]>"
    或者"<!--[if gte IE 5.0]>"
    或者"<!--[if lte IE 7]>"
    或者"<!--[if IE]>"
  • 没有IE 5.01和IE6
  • 没有IE 5.01和IE7.0
  • 没有IE 5.5和IE6
  • 没有IE 5.5和IE7.0