ie6 - 时光博客 - WEB开发中的可用性和用户体验

ie6的BUG太多，其中一个就是遮罩层（div）遮不住select框，而IE7以上版本是没有此问题的。现在来重现一个bug。点击查看演示页面

截图03.jpg 大小: 45.82 K 尺寸: 500 x 183 浏览: 371 次点击打开新窗口浏览全图

下图为 > IE7 效果：

截图02.jpg 大小: 45.93 K 尺寸: 500 x 175 浏览: 277 次点击打开新窗口浏览全图

遮罩层在IE下面，是遮不住select下拉选择器的。于是采用一个特殊的方法：

虽说div直接盖不住select但是div可以盖iframe，而iframe可以盖select,所以，把一个iframe来当作div的底，这个div就可以盖住select了.

当使用了iframe后发现，弹出界面是透明白色的，而不是想象中的透明黑色，于是在src中加入一个透明网页：

<html> 
    <head> 
        <title></title> 
    </head> 
    <body style="background-color:#000;"></body> 
</html>

最后的遮罩层div代码如下：

<div id="overlay"> 
    <iframe style="width:100%;height:100%;position:absolute;visibility:inherit;z-index:-1;" src="touming.html" frameborder="0"></iframe> 
</div>

问题虽然解决了，但是还是不完美，因为遮罩层显示的时候，虽然遮罩层盖住了select，但是如此同时select也消失不见了 = = ！

截图04.jpg 大小: 38.59 K 尺寸: 500 x 176 浏览: 259 次点击打开新窗口浏览全图

由于近段时间在研究“Quriks mode”，找到的都是国外的文章，于是翻译了一篇。如翻译不准确，请参看原文.

将ie7运行在“怪异模式”下，对那些已经能熟练操作旧版IE中渲染和控制但是依然喜欢运行其他的浏览器在“标准兼容模式”，是一个不错的选择。这大概很少人会选择使用，但是它记录完整。

据IE 7开发团队（IE博客），IE7运行在“怪异模式”将采取类似的IE 6中的“怪异模式”，为了向下兼容的原因。我们还没有广泛测试此渲染模式。

如何触发怪异模式

一些doctypes （ Sivonen ; Gutfeldt ; Bergevin ）或列入一个<xml>声明，在IE6中，触发“怪异模式”或向后兼容模式。在这种情况下， ie6就像IE5.5，并共享相同的bugs，问题和行为作为其高级版本。

在IE7中，一个<xml>声明不会再变化渲染模式（Campbell）。谁想要保留所有版本的IE直到IE 7在怪异模式中（在不影响其他浏览器）已经不能依靠这个了。但是，在doctype前面，在<xml>声明后面插入一个行注释，在IE 7中仍会触发怪异模式，如在下面的例子。

<?xml version="1.0" encoding="utf-8"?> 
   <!-- ... and keep IE7 in quirks mode --> 
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D

IE6遮罩层select的BUG

[译]Quirks mode in IE 6 and IE ...

About me

腾讯微薄

Search

Category

Archives

Comments

Ads

Blogroll