由显示/隐藏引出的CSS Bug_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

由显示/隐藏引出的CSS Bug

作者：闵涛文章来源：闵涛的学习笔记点击数：651 更新时间：2009/4/23 13:46:52

　　这一段CSS代码相当简单，目的就是想用CSS来控制某段文字的显示与隐藏。起初我采用了下面的代码，令人不可思议的是，它们在我的IE6.0上居然没有任何反应，大家不信可以亲自试验一下。
<style type="text/css">
a {font-size:12px;
text-decoration:none;
height:50;}
a:hover {text-decoration:none;}
a span {font-size:12px;
display:none;}
a:hover span {display:block;}
</style>
<a href="#">link<span>我是隐藏内容</span></a>
　　我仔仔细细地检查了一遍代码，实在找不到什么毛病来。没有办法，我只能像平时查错纠错一样，试着改改CSS里的代码。当我改变了hover伪类链接中的代码时（代码如下所示），突然发现代码可以运行了。
　　为了确认CSS是否真存在该bug，我又特地改用大小、颜色、位置等样式来试验，在不改变hover伪类链接的前提下，都无法得到正常情况下应得到的效果。从而可以得知：在包含选择符有伪类链接时，存在着CSS样式无效的bug，希望CSS下一版中能修正这个错误。
a:hover {text-decoration:none;border:none;}
　　这样我们可以知道，在hover伪类链接中必须包含某些特殊的CSS属性声明才能消除这个bug。我用了CSS里所有的属性声明来尝试解决这个bug，发现只有一下几项属性声明能解决这个问题。
border
display
postion
overfilow
background
　　而我之所以采用“border:none”这种方法，是因为它还能从Netscape 4中消除一些不同的CSS错误。
　　注：本文所提及的bug在IE5.5、IE6.0中均存在。

[聊天工具]小心Foxmail邮件模板BUG  [聊天工具]OICQ---存在重大BUG?
[系统软件]Windows记事本中的Bug  [常用软件]解决压缩软件的Bug技巧
[Delphi程序]Delphi 6 SOAP 源码中的BUG修正  [Delphi程序]改良控件－Delphi自带控件Bug的消除
[Delphi程序]不知您是笨蛋，还是我是笨蛋，关于Delphi的大Bug  [Delphi程序]关于Delphi大Bug的更详细的例子
[Delphi程序]Delphi的大Bug  [Delphi程序]DELPHI 6 Update 2# 的 Bug 及其解决方法

教程录入：mintao 责任编辑：mintao

上一篇教程：在CSS中关于字体处理效果的思考

下一篇教程： CSS的滤镜效果(1)

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……