网络软件 系统工具 应用软件 图形图像 多媒体类 免费游戏 安全相关 免费音乐 网页素材 电子书籍 考试考题 建站源码
教育教学 多媒体类 编程开发 操作系统 游戏天地 娱乐天地 简历求职 站长专区 网页设计 安全技术 图形图像 文学驿站
业界资讯 | 图形图像 | 操作系统 | 网络冲浪 | 工具软件 | 办公软件 | 媒体动画 | 精文荟萃 | 认证考试 | 网页设计 | 技术开发 | 专栏
当前位置:热点网络学院网页设计CSS显示/隐藏引出的CSS Bug
精品推荐
热点TOP10
·个人网站制作全接触(下)
·如何在网页中制作虚线表格
·用CSS控制网页总体风格
·CSS图象滤镜之实用版
·擦除式图片轮番显示效果
·式样单的例子
·个人网站制作全接触(中)
·css滤镜
·CSS 标签属性/属性参考
·实现页面中按钮刷新的N种方法
·家园更美丽:网页制作秘籍
·什么是CSS?它的能做些什么?
·回答XML与HTML的区别
·CSS 循序渐进
·给你的网页加上两种以上的文字链接效果
·Css应用小技巧十四条
·网页特效文字之—压纹字
·发现CSS控件的好处
·连动下拉菜单
·多种网页弹出窗口代码
显示/隐藏引出的CSS Bug
日期:2005年11月14日 作者: 查看:[大字体 中字体 小字体]

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


(出处:http://down.xmsc.com.cn/)

关于我们 | 帮助(?) | 版权声明 | 友情连接 
Copyright 2005-2005 xmsc.com.cn All Rights Reserved.
Powered by:mesky