主题:  [翻译]CSS的显示/隐藏bug

大雪糕

职务:普通成员
等级:2
金币:10.0
发贴:579
注册:2002/2/2 11:30:51
#12003/7/22 18:35:58
原文:PPK  翻译/整理:星之海洋

代码相当简单,用CSS来控制某段文字的显示与隐藏。起初我采用了以下的代码,令人不可思议的是,在我的IE6.0上居然无任何反应,如果大家不相信的话可以亲自试验一下。

link我是隐藏内容


    仔仔细细认认真真地检查了一遍代码,实在找不到什么毛病来。唉!没折了,我只能像平时纠错一样,试着改改CSS里的代码。当我改变了hover伪类链接中的代码时,突然发现代码可以运行了。
a:hover {text-decoration:none;
border:none;}

    从中可以得出,在hover伪类链接中必须包含某些CSS的属性声明才能消除这个bug。
    我用了CSS里所有的属性声明来尝试解决这个bug,实际上并不是所有都是有用的,只有如下几项可行:
	border
	display
	postion
	overfilow
	background

    而我之所有采用border:none这种方法,是因为它还能从Netscape 4中消除一些不同的CSS错误。