表达它

如果您正在查看的页面在IE8，那么你必须看到一个完全不透明的这篇文章后面的白色背景。 昨天，我collegue指出这一点我（由于我的人适应变化缓慢而稳定地之一，特别是浏览器。可能会说，我是个胆小鬼，但就这样吧....作为一个UI开发人员，我总是害怕新版本的浏览器的狗屎......你知道什么即时通讯tlaking左右，对不对？）

挖周围的同时，试图找到一个解决方案来解决它，那么...
这一次我们喜爱的浏览器全部做了一遍删除所有支持CSS的透明度。 非标准`过滤器：α（不透明度=＃＃）“已删除的CSS属性，尼斯，但他们也完全忘了加上CSS3的的混浊支持（像所有其他的浏览器是如何很好一直在）。 因此，对于第一次因为神告诉我们关于CSS透明度（使用IE 5.0以来，我猜），网页浏览器将不支持CSS的透明度。
现在在上面的奶油： 从IE 8团队官方字吗？ 这是“设计”和“我们会考虑在未来版本的IE浏览器”。

PS：尝试在FF此页，发誓它看起来整齐！

如果你曾经使用（或一）垂直菜单列表项（李）标记和CSS，你可能遇到的又一错误在IE浏览器，IE 6之间插入列表项包含块级元素，这些差距，也就是说，如果有任何标记列表项之间的空白。 谢谢，但没有感谢，免费版本的IE 7似乎从这个错误。
如果像我，更多的人，你属于这一带失意的开发商，还必须得到他们的新布局，工作压力太大在IE6，那么这可能证明是有用的。 看看...

样品的标记 ：

<ul id="menu">
<li> <a href="#">首页</ A> </ LI>
<li> <a href="#">关于</ A> </ LI>
<li> <a href="#">服务</ A> </ LI>
<li> <a href="#">组合</ A> </ LI>
<li> <a href="#">帮助</ A> </ LI>
<li> <a href="#">联系我们</ A> </ LI>
</ UL>

您可以创建一些CSS，类似一以下，transfrom到一个垂直的菜单，上面的标记......

示例CSS ...
＃菜单{
保证金：0：0;背景：＃FF9900;
列表样式类型：无;宽度：150像素;
}
＃菜单李{保证金：0;填充：0;}
＃菜单的{显示：块;
颜色：＃555555;
文字装饰：无;
填充：0均为15px;
线高度：2.5;边境底：1px固体＃足协;
}

你会看到的结果...

解这个错误......（修改/添加CSS粗体斜体）

＃菜单{
保证金：0：0;背景：＃FF9900;列表样式类型：无;宽度：150像素;
浮动：左; / *这包含浮动的列表项* /
}
＃菜单李{
保证金：0;填充：0;
浮动：左; / *修复* /
宽度：100％; / *在IE6的空白错误* /
}
＃菜单{
显示：块;颜色：＃555555;
文字装饰：无;
填充：0均为15px;
线高度：2.5;边境底：1px固体＃足协;
}

如果上述解决方案亘古不变的似乎工作（IE6的唯一原因）...尝试这种方法，而不是

只需添加额外的IE6的唯一样式标记...

<！ - [如果它的IE 7>
<style type="text/css">
＃菜单里的{显示：内联块;}
＃菜单里的{显示：块;}
</ STYLE>
<[ENDIF] - >

在多个场合，同时弹出部门/灯箱/提示页面布局等我们遇到某种形式的选择对象恰好是根据这些弹出分部设计的，它表明通过的情况下...... 毓！！

好吧！ 你可以很容易地修复你的Z指数值适当调整FF和IE7。 但好旧（双关语意）IE6的行为并不如预期.... 选择框显示，即使你申请一些大幅高Z指数值，您的弹出司...无赖！！！

有此问题没有修复，但也有，我相信，多一些工作方式解决这个问题，但我在这里要告诉你，我用最简单的解决，这对我来说工作得很好，在最案件....

“隐藏胭脂SELECT显示弹出框当您 ”

你只需在你的脚本片段显示您的弹出，添加一块脚本设置选择框的知名度，以“隐藏”

document.getElementById（“my_select）style.visibilty =”隐藏“。

并记住设置您的弹出部结束

。document.getElementById（my_select“）style.visibilty的”可见“;

，“my_select”是刺激的选择框的ID

希望这有助于...

聚苯乙烯。 有像的ofcourse其他选项你弹出一个IFRAME（大小相同），根据弹出的DIV动态positionining ......这工作得很好，但另外一个DOM元素，脚本和头痛的负载。 我已经使用这个解决方案，如果你需要任何帮助这个选项，不要让我知道。 会很乐意帮助！

几个月前，我们看到了，我们怎么可能包括一块的CSS，这将是可见的IE6的唯一（ 对于您的非法入境者只有 ）。 还有其他的方式实现这一目标，以及。 只要包括一个单独的CSS，具体到你的目标IE浏览器。 这可以实现与什么被称为有条件的评论。

有条件的评论是一种方法来检测浏览器类型和版本。 进行浏览器检测，以确保提交给浏览器的具体内容。 可以使用许多不同的技术进行浏览器检测。 这种方法有几个优势，较早的方法，包括风格切换使用javascript。 要列出重要的几年，将是;

• 不需要脚本
• 跨浏览器

我们如何做到这一点？

仅在IE 5中做的东西
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

在所有版本的IE做的东西
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

在所有新的IE浏览器的版本做的东西，IE浏览器5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

对于更多有条件vartiations，阅读MSDN上的以下信息：
关于有条件的评论

你有没有注意到有时，简单的事情，只是如何拒绝在IE6 location.href就是这样一件事。

如果你已经加入你象下面这样的锚标记的onclick函数...

的<a href="javascript:void(0);" onclick="onClickLink('xxx');">转到新位置</ A>

一些这样的功能...
功能onclickLink（ID）{
VAR的URI =“test2.html ID =”+ ID;
window.location.href =的URI;
}

给你的讽刺，你会发现这样一个简单的脚本一块拒绝在IE浏览器......好吧！ 我可以在这里讨论的原因，但不认为这将是值得的......虽然，我似乎有一个解决方案...（我敢打赌，如果你理解JavaScript，你就会明白，为什么我们这个调整为IE6）

解决方案

<a href="javascript:void(0);" onclick="onClickLink('xxx'); 回报false;“>到新位置</ A>

如果任何一个简单的答案，请撰写评论。 它真的会被appretiated，我敢打赌，许多人！

如果你已经写的，而CSS，你将有经验的时间当你从字面上拉你的头发时，你的CSS布局看，在所有新的浏览器（我的意思是比IE6的浏览器后）的罚款，但IE 6抛出发脾气。 你努力奋斗，以调整你的CSS，但它不起作用......好吧！ 尝试这些技巧...

1。 强调哈克： -
由定义，CSS 2.1规范允许下划线（“_”）在CSS标识符。 但是，许多浏览器似乎仍忽略任何标识1进行下划线，但IE浏览器。 这个IE的bug /功能，从而成为一个非常明确的方式来设置IE的CSS属性。 所以请记住， 下划线开始写一个CSS属性是可见的Internet Explorer（所有版本，但IE 7）

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

鉴于此，示范底线劈

此外，最小高度为IE6黑客使用下划线砍， 退房

2。 井号（＃）哈克： -
如下划线砍，这个人是非法入境OLY太是一个良好的差异，以＃开始之前的属性标识符是可见的所有IE版本，IE7中包含的任何其他标准的浏览器是无形的。

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

使用本hack已经很好地证明一个跨浏览器的垂直对齐的解决方案，在这篇文章中有一看，发现我们更

3。 为IE6的CSS： -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

这些黑客似乎发送的天堂，没有别的工作......如果这些黑客可以节省你的生活一天，不要忘记把我的咖啡:)

我有这个问题的地方，如果你有一个除法（DIV），和该部门的mouseover事件，有一些很好的理由是透明的（在我的情况下，它需要一些标签上悬停在图像显示这种透​​明的分工），IE浏览器没有触发mouseover事件（工作在FireFox的罚款）。

试过几个选项，其中有许多只是一个绝望的尝试，得到事件触发在IE。 明智的，我认为可能的工作之一是设置背景颜色来划分，并设置不透明度为零......好吧！ 力的工作！

最终的解决方案，这似乎并没有打扰我需要的功能是把一个像素，在该部门重复/透明背景图像

...傻！ 但现在IE浏览器似乎高兴。

简单...要纠正这个问题，使用显示：内联。

div {float:left;margin:40px;display:inline;}

如果你有一个div，如浮动元素，你把利润的权利或该元素的左缘时，Internet Explorer 6.0将增加一倍，保证金价值，搞乱了HTML / CSS布局。 为了解决这个问题，只需添加显示：内联，您的浮动元素。