10个糟糕的IE Bug及其修复（3）
作者：iifksp 来源：蓝色理想 发布时间：2010-05-13 16:26:00
8、:hover伪类(:hover Pseudo Class)
IE只支持<a>元素的 :hover伪类。你可以使用jQuery的hover event来达到相同效果。
解决方法：
/* jQuery Script */
$('#list li').hover(
function () {
$(this).addClass('color');
},
function() {
$(this).removeClass('color');
}
);
/* CSS Style */
.color {
background-color:#f00;
}
/* HTML */
<ul id="list">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
9、盒模型Hack(Box Hack Model)
这是IE里最热门的bug了。基本的理解是，IE计算宽度(width)的方式不同。基于w3c标准，一个元素总宽度应该是：
总宽度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
但是，IE计算宽度时没有加上填充和边框：
总宽度 = margin-left + width + margin-right
更多的细节，请参考这个链接：Internet Explorer和CSS盒模型详细解释
解决方法：
使用w3c的标准兼容模式。IE6或者之后的版本能基于w3c的标准计算，但是你仍旧会在IE5中遇到问题。
或者你可以用CSS Hack来解决这个问题。所有标准兼容的浏览器都能读取w\\idth:180px 除了IE5。
#content {
padding:10px;
border:1px solid;
width:200px;
w\\idth:180px;
}
10、 双倍边距bug(Double Margin Bug Fix)
如果你有一个分配有左/右边距的浮动元素，IE6会使得边距双倍化。比如，margin-left:5px 将会变成10px。你可以通过对浮动元素添加display:inline来解决这个问题。
解决方法：
div#content {
float:left;
width:200px;
margin-left:10px;
/* fix the double margin error */
display:inline;
}
FIN。谢谢观看
0
投稿猜你喜欢
效果图最近帮朋友写个简单爬虫，顺便整理了下，搞成了一个带GUI界面的小说爬虫工具，用来从笔趣阁爬取小说。开发完成后的界面采集过程界面采集后存- 在windows中罗技K380可以安装Logitech Options来实现这个Fn锁定功能。在linux中如何实现Logitech Opt
- 死锁的原理非常简单，用一句话就可以描述完。就是当多线程访问多个锁的时候，不同的锁被不同的线程持有，它们都在等待其他线程释放出锁来，于是便陷入
- 背景有时候爬虫爬过的url需要进行指纹核对，比如Scrapy就是进行指纹核对，如果是指纹重复则不再爬取。当然在入库的时候我还是需要做一次核对
- 目录01 all or any02 dir03 列表(list)推导式04 pprint05 repr06 sh07 Type hints0
- 背景对接多个外部接口，需要保存请求参数以及返回参数，方便消息的补偿，因为多个外部接口，多个接口字段都不统一，整体使用一个大字段（longte
- Example.asp<％@LANGUAGE="VBSCRIPT" CODEPAGE="65001&qu
- 如何在SQL2000的查询中使用XML-Data？具体程序如下：orders.asp<％@ Language=VBScrip
- Python程序可以调用一组基本的函数（即内建函数），比如print()、input()和len()等函数。Python本身也内置一组模块（
- 环境：1 .Windows Server 2016 Datacenter 64位2 .SQL Server 2016 Enterprise
- 把中文字符转换回Unicode字符。见下列代码：<％function unicode(str)dim i,j,c,
- url标记为变量通过把 URL 的一部分标记为 <variable_name> 就可以在 URL 中添加变量。标记的 部分会作为
- 一、zmial发送邮件zmial是第三方库，需进行安装pip install zmail完成后，来给发一封邮件subject：标题conte
- mysql> SELECT something FROM tbl_name &nb
- 最近安装了丘比特笔记本（jupyter notebook），各种快捷键和编辑模式用的非常舒服。但是我的默认浏览器是chrome每次回车换行都
- 前言Hi! 这是随笔专栏的第一篇文章。好的开始等于成功了一半。在之后的日子里，除了不定期分享实战中可总结出的小项目外，还会经常与大分享开发时
- 1. 实例描述在平时编程的过程中，会经常在网上翻译一些单词，本文使用Python制作一款翻译小工具，不仅可以自己用，还可以嵌入到程序当中。运
- 一、异常处理在程序开发中如果遇到一些 不可预知的错误 或 你懒得做一些判断 时，可以选择用异常处理来做。import requestswhi
- 上节基本完成了SVM的理论推倒，寻找最大化间隔的目标最终转换成求解拉格朗日乘子变量alpha的求解问题，求出了alpha即可求解出SVM的权
- python文件I/O打印到屏幕：最简单的输出方法是用print语句，你可以给它传递零个或多个用逗号隔开的表达式。读取键盘输入：Python
