html - HTML Div 覆盖

Question

我想要一个像thickbox这样的html覆盖代码，它可以在所有浏览器中使用。

你能告诉相关的网址或其他东西吗？

问候KK

Answer 1

周围有大量 *box 脚本。我敢肯定它们都不适用于所有现有的浏览器，但大多数主流解决方案（如Thickbox 本身）应该在所有主要浏览器中表现良好，这是您可以要求的最好的。

查看这些列表：

• 在灯箱之外思考 – TOP 10 PICKS
• Smashing 杂志的30 个画廊、幻灯片和灯箱脚本

对于更具体的内容，您将不得不更详细地介绍。

Answer 2

我制作了自己的灯箱素材，这就是我正在使用的东西，它肯定可以追溯到 IE6。您只需制作一个 div 并将其直接附加到正文中。您需要制作一个半透明的 png 图像作为背景。

html, body{height:100%;}

#lightbox_darkLayer{
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    _top: expression(((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
    _left: expression(((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
    width: 100%;
    height: 100%;
    background:url(/images/overlayBg.png) repeat;
    z-index:1001;
    _filter: alpha(opacity=70);/*This is for IE6 who won't support a translucent png as a bg image*/
}

带有下划线前缀的 css 属性适用于 IE。你可以通过在 IE 中添加一些 CSS 来更清晰地使用他们的html 注释 if check thing。