`

IE6 Peekaboo(躲躲猫) Bug (IE6 Peekaboo 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>
<style type="text/css">
#box { padding:2px; background:#eee; padding:2px;}
#float {float : left;}
#clear {clear: both;}
</style> 
</head>

<body>
     <div id="box">      
	 	  <div id="float">左边漂浮的任意内容<br />这是为了比右边的内容高一点</div>
		 
		 <div id="content" style="border:#ccc 2px solid;">任意输入的内容</div>
		 <div id="clear">下面清除的标签</div>
	 </div>  
</body>
</html>


修复Peekaboo Bug几种方法:

● 不要在div#box里面使用背景,或者保持div#clear和div#float在一起。
● 给div#box一个明确的“宽度”或“高度” 。

_height: 0.1%;  /*Fix for IE Peekaboo Bug */

  我想大家已经看出区别了,就是多了一个下划线“_”,当然以下的符号也可以:“<”,“>”等等,ie不会理会这些符号,也就是在ie下那段代码是有效的,而在firefox和opera等标准的浏览器下那段代码是无效的,问题便解决了。

Guillotine Bug出现的条件:
1、一个container(容器)
2、一个漂浮在container(容器)里面的元素(无论左右)
3、紧跟后面有一个没有漂浮的内容,里面包含链接
4、链接的a:hover样式有变化时,改变链接颜色除外。
(尤其以background、padding、border、Text Style这些属性效果最为明显。)
5、漂浮的元素比没有漂浮的内容高,不然就不存在切断了。

分享到:
评论

相关推荐

    Peekaboo生产.ai

    Peekaboo生产.ai

    peekaboo5149

    嗨,我叫Tanmay Kumar 我是Flutter开发人员,对竞争性编码感兴趣。 :laptop: 我也是3岁 :star: Codechef中的编码器。 我是加尔各答IEM电气与电子工程系的三年级本科生。 :telescope: 我目前正在开发我的Flutter...

    《CSS全程指南》随书光盘

    内容简介 本书将最有用的CSS技术...13.2.6 IE6 Peekaboo Bug(捉迷藏) 309 13.2.7 IE6 Guillotine Bug(断头台) 310 13.2.8 列表背景消失Bug 312 13.2.9 针对IE7.0的hack 313 13.2.10 正确看待IE 314 13.3 小结 315

    peekaboo-server:反向代理测试双打

    躲猫猫服务器 :ghost: peekaboo-server是双打测试的反向代理,可轻松地将后端http / s调用存根于其体系结构,这是不可知的。 灵感来自 , , , , , ,谷歌Chrome DevTools网络面板,也许更多。 包括电池。工作...

    Peekaboo:Inmobi hackday 项目

    "Peekaboo: Inmobi Hackday 项目"是一个基于Java编程语言的创新项目,源自Inmobi公司举办的一次内部黑客马拉松活动。在这个活动中,开发者们通常会在短时间内利用自己的技术技能创建出独特的应用程序或解决方案。从...

    fastify-peekaboo:固定插件,通过表现力设置来记住响应

    固定-peekaboo 固定插件,通过表现力设置来记住响应。 目的 使用任意缓存来提供先前详细说明的响应,并通过请求和响应进行匹配。 设置模式 settings.storage settings.expire settings.xheader settings.noinfo...

    KKAKKUNG:开发移动增值Peekaboo团队应用程序

    《功夫:打造移动增值Peekaboo团队应用的Java实践》 在当今移动互联网时代,开发一款成功的移动增值应用程序是许多团队追求的目标。"KKAKKUNG"项目就是这样一个例子,它专注于创建一个名为"Peekaboo"的团队应用程序...

    Peekaboo-Penguin:在增强现实中玩的移动式捉迷藏风格游戏

    躲猫猫企鹅 背景和概述 Peekaboo Penguin是一款移动应用程序,它是一种捉迷藏的游戏,其中一个玩家将一个小型的数字3D企鹅隐藏在增强现实中的某个位置,而另一个玩家必须在给定的时间范围内找到该企鹅。 企鹅可以...

    peekaboo:用于主机服务的Onoff Rackspace负载平衡开关

    躲猫猫 用于主机服务的Rackspace负载平衡切换器。 目标:在Rackspace负载平衡器联机或脱机时自动连接和断开应用程序。 运行示例 从带有Docker的新主机开始(或使用内置的二进制文件): $ docker run --net=host \...

    CSS锦囊

    10. **Peekaboo Bug**:在IE中,特别是在链接的悬停状态中,可能会遇到显示问题。可以参考Position is Everything网站的解决方案。 11. **超链接伪类的顺序**:使用`:link`, `:visited`, `:hover`, `:active`时,应...

    peekaboo-for-discord:窥视不和谐! 利用Discord API查找@seegong在看什么!

    不和谐的Peek-a-boo 这件事发生在你身上吗? 您想观看那条溪流,但显然不允许您看到该溪流! 这将自动魔术般地获取不和谐流的预览! 好吃 GitHub动作状态 警告:在存储库中使用它之前,请确保更改此标志的位置和...

    TitlePeekaboo:当他们切换标签时,通过更改您的网站标题来吸引别人的注意!

    标题Peekaboo是一个JavaScript库,可让您通过网页的标题玩peek-a-boo游戏来吸引用户逐渐淡出的注意力。为什么? 人们很讨厌在互联网上注意。 实际上,今年人类打破了新纪录。 现在,我们的(惊天动地!)我们应该...

    时光小屋备份器安装程序.rar

    6. **恢复选项**:如果照片在本地丢失或损坏,备份器应提供恢复功能,让用户能轻松地将备份的照片还原到本地。 7. **资源管理**:作为"其他资源"标签的一部分,这个工具可能还具备一定的资源管理功能,例如照片的...

    Hello Android.rar

    13.4 Bug on Parade...... 265 13.5 All Screens Great and Small.... 267 13.6 Installing on the SD Card.... . 268 13.7 Fast-Forward &gt;&gt;.....270 14 Publishing to the Android Market 271 14.1 Preparing....

    时光小屋pc版(备份器)

    8. **兼容性**:考虑到"peekaboo_exporter-win-0623.exe"这个文件名,可能是与时光小屋PC版相关的程序,可能是用于导出或导入备份的工具,而且"win"可能表示它适用于Windows操作系统。这意味着时光小屋PC版可能主要...

    iaux-popup:一个tooltippopup Web组件

    [待办事项:添加GHA +徽章] 互联网档案弹出 这是一个UI组件,当悬停或单击时会显示更多详细信息。... .primary-content.end-of-line-peekaboo { /* --- STYLE SLOT IF you want EOL fade out to work with

    TwitchBackgrounds:OBS浏览器的背景类型不同

    Twitch背景 专为OBS浏览器设计HTML Canvas可以...演示: : name hopollo animation 用法:LINK?name = ANYTWITCHNAME&animation = ANIMATIONNAME(或NUMBER) 动画: 瓷砖(1) 弹跳(2) peekaboo //默认动画

    奢侈品LOGO名字大全.doc

    6. Mercedes-Benz (奔驰):梅塞德斯-奔驰是德国豪华汽车品牌,生产各种豪华轿车、SUV和跑车。 7. Gianni Versace 思哲:意大利品牌Versace以其大胆的设计和时尚的服装闻名,还涉及香水和家居产品。 8. Louis ...

Global site tag (gtag.js) - Google Analytics