厚盒覆盖在 ie6/7 中不正确

发布于 2024-11-03 00:27:31 字数 697 浏览 5 评论 0原文

你好我正在使用thickbox和jquery。然而，在ie6/7中，使用thickbox附带的标准css，它可以在ie8和ff上正常工作，但不能在ie7上工作。我尝试过破解，但没有用。（发布在下面）。发生的情况是，如果我使用 hack，它根本不会影响透明覆盖层。如果我不使用 hack，它只会显示 50% 的页面透明。有人可以告诉我在哪里解决这个问题吗？非常感谢

#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

#TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px; background-color: #000000; filter:alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.75; min-height:100%; height: auto; _height:100%; /* pour IE 6 */ height : 1px; } /* pour les autres navigateurs */ 

* > #TB_overlay { height: auto; } /* pour IE 7 */ 

*+html #TB_overlay { min-height : 1px; }

原文

hello
i am using thickbox with jquery. however in ie6/7 with the standard css that comes with thickbox it works ok with ie8 and ff but not ie7. i have tried a hack but that dosent work. (posted below). what happens is that if i use the hack it dosne't affect the transparent overlay at all. if i do not use the hack it only shows 50% of the page transparent. can someone show me where to troubleshoot this? many thanks

#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

#TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px; background-color: #000000; filter:alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.75; min-height:100%; height: auto; _height:100%; /* pour IE 6 */ height : 1px; } /* pour les autres navigateurs */ 

* > #TB_overlay { height: auto; } /* pour IE 7 */ 

*+html #TB_overlay { min-height : 1px; }

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天暗了我发光 2024-11-10 00:27:31

Firefox 中也有同样的问题，但如果满足以下条件，它就可以工作：

width: 100% !important;
height: 100% !important;

干杯

Same problem in Firefox but it works if:

width: 100% !important;
height: 100% !important;

cheers

回复收藏 0 原文

恬淡成诗 2024-11-10 00:27:31

尝试这样的事情（从 fancybox 的 css 修改）：

#TB_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    filter:alpha(opacity=85);
    -moz-opacity: 0.7;
    opacity: 0.75;
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

Try something like this (modified from fancybox's css):

#TB_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    filter:alpha(opacity=85);
    -moz-opacity: 0.7;
    opacity: 0.75;
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

回复收藏 0 原文

~没有更多了~