css - 使用IE8时的artsexylightbox问题

Question

我将艺术性感灯箱用于我的图片演示以及 joomla 中的 html 内容。我正在使用 Chrome，它可以正常工作并按应有的方式显示所有内容。当我切换到 ie8 时，问题就开始了。当我单击图像以在灯箱中扩展时，图像显示在页面的中心，而图片的整个框架位于图像的左侧。

我试过玩artsexylightbox css 文件，但不能让它在两个浏览器中工作。

有谁可以说为什么有区别？我怀疑浏览器对待绝对、相对顺序的方式不同。

请帮忙：（

Answer 1

您可以 tr 仅在您的 CSS 中定位 WEBkit 浏览器，以区分 IE 和 Chrome 的行为（Safari 也适用于 webkit 浏览器）。

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Webkit-specific CSS here (Chrome and Safari)*/ 

#artsexylightbox  {
   properties here
  }
}

或者您可以使用条件注释为 IE 设置新的 CSS 样式表：

    <!--[if lt IE 9]>

  <link href="path-to-file/IE.css" rel="Stylesheet" type="text/css"/>

    <![endif]-->

然后在 IE CSS 中设置适用于 IE 的属性，在普通 CSS 中使用适用于 Chrome/Safari 的属性。

请注意，即使在 FF 和 Chrome 之间，它们对 CSS 的解释方式也存在一些差异。

希望有帮助:)