css在mozilla和chrome中的位置不同

Question

我在img标签中使用了以下内联样式。但是mozilla和chrome的位置不同。

element.style {   position: absolute;   top: 118px;   LEFT: 64px; }

在Mozilla中，图像显示正常。但在Chrome中，图像是分散的

为什么会这样发生。？我该如何解决这个问题？

Answer 1

使用一个div包装器来表示相对位置： -

$reservation_model->set_advanced_payment_status(trim($this->input->post('optionsRadios', TRUE)));

Answer 2

这是我在字段集中的图像上使用绝对位置的方法。从这里，更改您的右侧和顶部定位，使其在Firefox中适用于您。 （保留IE，Chrome，Safari，Opera的原始课程）

@-moz-document url-prefix() { 
  .classToApply{
    border:1px solid red;
    position:absolute;
    right:0;
    top:0;
  }
}

这是一个Firefox Hack，我被告知适用于每个版本的Firefox。我使用的是Firefox版本33.0.2，因此我无法确认这适用于旧版本。我在我的网站上遇到了同样的问题。它在IE，Opera，Safari和Chrome中看起来都一样。只有在Firefox中我注意到定位不同。这有效！