方法一:改变 html 的排版
例如:
<div>
<img src=”http://www.google.com/intl/en_ALL/images/logo.gif” alt=”google” />
</div>
改为:
<div><img src=”http://www.google.com/intl/en_ALL/images/logo.gif” alt=”google” /></div>
方法二:设置 img 为 display:block
方法三:设置 vertical-align 属性为 top | bottom |middle |text-bottom
...
3 条评论 »
2006-11-20 下午 - HTML/CSS/XML/XSL - bug - IE
下划线“_”在 CSS2.1 规范中是被承认的 CSS 标识。
浏览器会忽略未知的 CSS 属性。
MSIE5+(Windows)会忽略 CSS 属性名前的 “_”。
因此,这个 CSS 的分析是,例如: _color:red。首页, 正确的,对于 CSS2.1 规范来说是被允许的(即使软件验证,只支持 CSS2.0 老版本,说它是一个 Bug :他们是错误的,但它是正确的)。其次, 被任何浏览器忽略,除了 IE 。最后, 当颜色被处理:在 WinIE 中是红色。
如上,这就是所说的 IE 的 Bug ,特征是以简单明了的方式建立仅对 WinIE 有效的 CSS 属性(MacIE 没有这样的 Bug 和特征)。这样很容易调整,例如被错误执行的位置:在 WinIE 中被调整(见例子)。
#menu {
position: fixed;
_position: absolute;
…
}
同样的方法可以用来调整 min-height 的属性在 WinIE 中消失的现象(见例子)
#b... 0 条评论»
2006-11-18 下午 - HTML/CSS/XML/XSL - bug - hack - IE
“*+html”是 css 的中的选择符,被 IE7 与 IE5.01 所使用,而区分 IE7 与 IE5.01 又有很简单的方法,便是 important,这样把 important 写在前面,就形成了单独针对 IE7 hack 的方法了。
*+html div.IE7 {
display:block !important;
display:none;
}
还有另外一个方法《The IE7 CSS Hack》,不过不推荐使用。
...
0 条评论»
2006-11-9 上午 - HTML/CSS/XML/XSL - hack - IE
在蓝色论坛看到这样一篇帖子 《IE中发现新BUG “重影”》,觉得很有意思。于是在想到底是什么原因造成的呢?便做了以下测试:
实验代码如下:
<!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>多了一只猪</title>
</head>
<body>
<div style=”width:400px”>
<div style=”float:left”></div>
<!– –>
<div style=”float:right;width:400px”>↓这就是多出来的那只猪</div>
</div>
</body>
</html>
1、在 IE、Firefox 中测试,只在 I... 3 条评论 »
2006-10-6 下午 - HTML/CSS/XML/XSL - IE - 注释