Question

我正在使用艺术性感灯箱进行我的照片演示以及joomla中的html内容。我正在使用Chrome，它运行正常并显示应有的一切。当我切换到ie8时问题开始了。当我在灯箱中点击图像到xpand时，图像显示在页面的中央，而图片的图像框位于图像的左侧。

我尝试过使用artsexylightbox css文件但无法在两种浏览器中使用它。

有谁能说出为什么会有区别？我怀疑浏览器以不同的方式处理绝对的相对订单。

请帮助:(

Answer 1

你可以只在你的CSS中定位WEbkit broswers来分离IE和Chrome的行为（Safari ius也是一个webkit浏览器）。

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

#artsexylightbox  {
   properties here
  }
}

或者您可以使用Conditional Comments为IE设置新的CSS stlyesheet：

    <!--[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方面也存在一些差异。

希望有所帮助：）

使用IE8时出现artsexylightbox问题

1 个答案: