blocks|key|1705585|text|我希望我知道我会花几个小时一遍又一遍地修复IE6中的错误，而且我真的会更快乐地送披萨。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705586|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I wish I'd known that I'd be spending hours trying to fix a bug in IE 6 over and over again for years on end and I really would have been happier delivering pizza.

blocks|key|1490578|text|应该支持Transparent+PNG+...|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1490579|entityMap|0|LINK|mutability|MUTABLE|url|http://entropymine.com/jason/testbed/pngtrans/^0|4|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://entropymine.com/jason/testbed/pngtrans/" rel="nofollow noreferrer">Transparent PNG</a> should have been supported...

blocks|key|1490639|text|可能是SELECT元素没有按照正确的z顺序呈现。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490640|例如，如果您有一个覆盖在select之上的具有较高z顺序的浮动DIV+-+SELECT元素仍将呈现在DIV之上。|1490641|令人气愤。|1490642|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Probably that SELECT elements dont render with the correct z-order.

For example, if you have a floating DIV with a higher z-order overlayed on top of a select - the SELECT element will still render on top of the DIV.

Infuriating.

blocks|key|1705751|text|http://www.pushuptheweb.com/或其他许多推动放弃IE6支持的网站之一。我知道，为IE6访问者正确呈现网页是许多web业务的核心，但迟早会有一些东西要放弃。我只是不明白为什么MS不强制更新>.<|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1705752|entityMap|0|LINK|mutability|MUTABLE|url|http://www.pushuptheweb.com/^0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://www.pushuptheweb.com/" rel="nofollow noreferrer">http://www.pushuptheweb.com/</a> or one of many other sites pushing to drop IE6 support. I'm aware that rendering web pages correctly for IE6 visitors is the core of many web businesses, but sooner or later something has to give. I just dont get why MS doesn't force an update >.&lt;

blocks|key|1705792|text|第一件事:+hasLayout，如果我从一开始就知道这一点，我的大部分担忧都会得到解决。我甚至认为它比IE6的愚蠢的盒子模型更糟糕。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705793|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Number one thing: hasLayout
If I had known about this from the start most of my worries would've been solved.
I even regard it as a worse problem than IE6's stupid box model.

blocks|key|1705814|text|我真希望我知道quirksmode.org的事。兼容性表、bug报告、javascript示例都非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1705815|entityMap|0|LINK|mutability|MUTABLE|url|http://www.quirksmode.org/^0|7|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I wish I knew about <a href="http://www.quirksmode.org/" rel="nofollow noreferrer">quirksmode.org</a>. The compatibility tables, bug reports, javascript examples are all very useful.

blocks|key|1705864|text|我希望我对Position+is+Everything有所了解，但具体来说，the+peekaboo+bug总是让我着迷。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1705865|entityMap|0|LINK|mutability|MUTABLE|url|http://www.positioniseverything.net/explorer.html|1|http://www.positioniseverything.net/explorer/peekaboo.html^0|5|M|0|12|G|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I wish I'd known about <a href="http://www.positioniseverything.net/explorer.html" rel="nofollow noreferrer">Position is Everything</a>, but specifically <a href="http://www.positioniseverything.net/explorer/peekaboo.html" rel="nofollow noreferrer">the peekaboo bug</a> has always got me.

blocks|key|1490843|text|我希望我知道我的代码没有验证。或者XHTML中的XML声明将IE置于怪癖模式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490844|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I wish I knew that my code didn't validate. Or that an XML declaration in XHTML puts IE into quirks mode.

blocks|key|1705893|text|不要先为IE6编写代码。这就是通往疯狂的道路。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705894|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Don't code for IE6 first. That's the path to madness.

blocks|key|1705922|text|我们遇到的主要问题是如何安排足够的“修复IE6”时间。再加上设计师倾向于想出一些在Flash中很容易做而在CSS中很难实现的东西，这让我们花费了很多天的额外工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705923|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The main problem we have had is with scheduling enough "fix in IE6" time. That and the designers' tendency to come up with stuff that is easy to do in Flash and tricky to achieve in CSS has cost us many days of extra work.

blocks|key|1490921|text|即使有世界上所有的PNG黑客，如果你在你的div中使用PNG作为背景(例如，制作一个圆角边框的面板)，你将走向一个痛苦的世界。(链接和其他元素不可点击、早期版本的png中的IE6崩溃等)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490922|总而言之:如果你想在IE6中工作，不要使用透明的背景PNG。|1490923|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

That even with all the PNG hacks in the world, if you're using PNGs as backgrounds in your divs (to make, for example, a panel with rounded borders), you're headed for a world of pain. (Links and other elements not being clickable, IE6 crashing in earlier versions of the png dll, etc.)

In summary: don't use transparent background PNGs if you want it to work in IE6.

blocks|key|1490945|text|文档类型在IE中的重要性，以及|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490946|Web+Bug+Track|offset|length|1490947|entityMap|0|LINK|mutability|MUTABLE|url|http://webbugtrack.blogspot.com/search/label/IE^0|0|0|D|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

The importance of DOCTYPES in IE, and

<a href="http://webbugtrack.blogspot.com/search/label/IE" rel="nofollow noreferrer">Web Bug Track</a>

blocks|key|1706007|text|我希望我知道微软为什么这么恨我。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1706008|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I wish I'd known why Microsoft hated me so much.

blocks|key|1706030|text|我希望我知道很多IE6错误行号只差一个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1706031|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I wish I'd known that many IE 6 error line numbers are off by one.

blocks|key|1706077|text|下划线技巧|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1706078|如果你把_放在css属性的前面，它只会被ie6读取。|1706079|即。_border:+1px+solid+#000000；仅在ie6中创建边框|1706080|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

the underscore trick

if you put an _ infront of the css atribute it only gets read by ie6.

ie. _border: 1px solid #000000; 
creates a border only in ie6

blocks|key|1706130|text|如果img标记的末尾和结束的td标记之间有任何空白，则会在表格单元格中的图像下产生一个小空白。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1706131|这是正确的渲染：|1706132|<td><img+src="myimage.jpg"></td>|code-block|syntax|javascript|1706133|这将呈现错误：|1706134|<td>
<img+src="myimage.jpg">
</td>|1706135|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The rendering quirk which causes a small white space underneath an image in a table cell if there is any white space between the end of the img tag and the closing td tag.

This renders right:

<pre><code>&lt;td&gt;&lt;img src="myimage.jpg"&gt;&lt;/td&gt;
</code></pre>

This renders wrong:

<pre><code>&lt;td&gt;
&lt;img src="myimage.jpg"&gt;
&lt;/td&gt;
</code></pre>

blocks|key|1706207|text|1|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1706208|hasLayout和这个绝佳的解释：http://www.satzansatz.de/cssd/onhavinglayout.html|offset|length|1706209|一旦我想通了，我就有了新的生命！确保包含元素hasLayout修复了我的绝大多数问题。|1706210|2|1706211|jQuery!！编写特定于IE的CSS已经够糟糕的了，所以我很高兴我几乎不用再担心JS了。|1706212|entityMap|0|LINK|mutability|MUTABLE|url|http://www.satzansatz.de/cssd/onhavinglayout.html^0|0|I|1D|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]]]

<h1>1</h1>
hasLayout and this excellent explanation:
<a href="http://www.satzansatz.de/cssd/onhavinglayout.html" rel="nofollow noreferrer">http://www.satzansatz.de/cssd/onhavinglayout.html</a>
I had a new lease on life once I'd wrapped my head around it! Ensuring that the containing element hasLayout fixes the vast majority of my problems.
<h1>2</h1>
jQuery!! Writing IE-specific CSS is bad enough, so I'm glad I rarely have to worry about JS anymore.

blocks|key|1706262|text|我希望我已经了解了像Firebug+Lite和HttpWatch这样的开发工具，它们使得调试变得更加容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1706263|entityMap|0|LINK|mutability|MUTABLE|url|http://getfirebug.com/lite.html|1|http://www.httpwatch.com/^0|A|C|0|N|9|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I wish I'd known about dev tools like <a href="http://getfirebug.com/lite.html" rel="nofollow noreferrer">Firebug Lite</a> and <a href="http://www.httpwatch.com/" rel="nofollow noreferrer">HttpWatch</a> that make debugging lots easier.

blocks|key|1491226|text|*{边距:0；填充:0；边框:无}|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1491227|我对天发誓这句台词改变了一切。太好了！所有的东西都是一样的大小！然后我跳进你们现在能找到我的兔子洞里。太棒了。|1491228|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

*{margin:0; padding:0; border:none}

i swear to god this line changed everything. presto! everything is the same size! and then i dove into the rabbit hole that ya'll find me in now. marvelous.

Mine would have to be the float and margin bugs...

If you float an element, and then specify a margin for it, it will double the margin.

The solution to this is to add <code>display: inline</code> to the element. This will stop the double margin, and all other browsers will ignore it because only block level objects can be floated.

What do you wish you knew before you spent hours trying to fix a bug in IE6

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的肯定是浮动和边际漏洞...如果您浮动一个元素，然后为它指定一个边距，它将使边距加倍。解决方案是将display: inline添加到元素中。这将停止双倍边距，所有其他浏览器将忽略它，因为只有块级对象可以浮动。

问在花了几个小时尝试修复IE6中的错误之前，您希望知道什么
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在花了几个小时尝试修复IE6中的错误之前，您希望知道什么EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在花了几个小时尝试修复IE6中的错误之前，您希望知道什么
EN