由显示/隐藏引出的CSS Bug-Css|网络编程语言|学习网

文章类

软件类

html入门培训网站服务器软件化妆品经典广告词雅芳化妆品价格 avon化妆品 net 入门培训房地产销售广告化妆品广告词网络工程师

您现在的位置：学习网 > 网络编程语言 > Css > 正文


		最新热门

	让网页超链接拥有多姿多彩的下
	实例教程CSS实现圆角的三种方法
	css技巧之PDF、ZIP、DOC链接的
	CSS 速成
	控制网页文件大小通过精简CSS实
	网站字体大小 CSS该重新改写？
	斜角滑动门导航条(DIV+CSS)
	在DW中使用CSS样式表来设置网页
	CSS样式表层叠（cascade）处理
	“画中画”效果---谈Iframe标记


		频道推荐

	CSS应用基础教程(3) 应用补充
	CSS应用基础教程(5) 文字性质
	内嵌滚动条(windows UpDate风格
	CSS应用基础教程(4) 颜色背景
	CSS应用基础教程(2) 应用方式
	为打印输出创建一个CSS样式
	CSS应用基础教程(6) 区块性质
	在DW中使用CSS样式表来设置网页
	巧用CSS制作可控闪烁效果
	用CSS控制图片自适应大小的方法
	无延迟翻滚的图形与CSS混合风格
	CSS hack浏览器兼容一览表
	CSS初级教程-CSS结合JS的运用
	css教程:CSS文件应该保持整洁和
	css教程:选择合适的、有意义的
	CSS盒模型制定网页的宽度和高度
	文本属性
	空间定位
	需要掌握的八个CSS布局技巧
	CSS技巧：新闻网页标题定义的最

		频道推广

	由显示/隐藏引出的CSS Bug	★★★

由显示/隐藏引出的CSS Bug

作者：佚名文章来源：本站整理更新时间：2008-10-30 21:39:22

　　这一段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中均存在。

文章录入：admin 责任编辑：admin

上一篇文章： CSS的滤镜效果(1)

下一篇文章： CSS轻松实现色块标题标识

		相关文章

破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服