IE6下的CSS BUG枚举

1、终极方法:条件注释

<!–[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]–>

<!–[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]–>

<!–[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6)。 <![endif]–>

<!–[if IE 5.5]> 这段文字仅显示在 IE5.5。 <![endif]–>

<!–在 IE6及IE6以下版本中加载css–>

<!–[if lte IE 6]> <link type=”text/css” rel=”stylesheet” href=”css/ie6.css” mce_href=”css/ie6.css” /><![endif]–>

缺点是在IE浏览器下可能会增加额外的HTTP请求数。

2、CSS选择器区分

IE6不支持子选择器;先针对IE6使用常规申明CSS选择器,然后再用子选择器针对IE7+及其他浏览器。

/* IE6 专用 */

.content {color:red;}

/* 其他浏览器 */

div>p .content {color:blue;} –>

3、PNG半透明图片的问题

虽然可以通过JS等方式解决,但依然存在载入速度等问题,所以,这个在设计上能避免还是尽量避免为好。以达到网站最大优化。

Continue reading →

随堂笔记-1

2010.05.18

1.关于IE6双们外边距BUG

内联属性   float: left; 再写 display: inline; 是为了解决IE6浮动时双倍外边距BUG的   其它浏览器浮动时写 display: inline; 没效果,只对IE6 有效果,浮动后本来外边距10px,但IE解释为20px

这里要说明一下,什么是内联属性,内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,常见内联元素 “a”。

Continue reading →