Mam obraz, który zawsze zmieniają pozycję, patrząc w Chrome i Mozilli. Kiedy sprawiam, że wyglądam idealnie w Chrome, zmienia pozycję w Mozilli, podczas gdy kiedy sprawiam, że wyglądam idealnie dla Mozilli zmienia pozycję dla Chrome. Jak mogę wziąć obraz, aby nie zmienić pozycji w innej przeglądarce.

#economy123{
 position:absolute;
top:67%;
left:53%;
  }



<div class="result-temp"  >
 <img id="economy123" src="{{ asset('assets/images/economy123.png') }}" >
    <p class="t"></p>
1
Abhinav Pandey 17 sierpień 2014, 19:33

2 odpowiedzi

Najlepsza odpowiedź

Myślę, że twój kod nie jest taki jasny, ale możesz ustawić określoną pozycję dla FF tylko przy użyciu @-moz-document url-prefix():

#economy123{
    position:absolute;
    top:67%;
    left:53%;
}

@-moz-document url-prefix() {
    #economy123{
        top:55%; //different
        left:43%; //different
    }
}
0
Moshtaf 17 sierpień 2014, 15:47
<link href="/normalize.css" rel="stylesheet">

Spróbuj umieścić to w głowie dokumentu HTML, powinien sprawić, że Twoje zdjęcia wyglądają tak samo na wszystkich urządzeniach i przeglądarkach.

0
Palermo Andre Deschamps 17 sierpień 2014, 15:59