Nieco zaskoczony tym - pracuję nad tiny static site z dużym obrazem tła, który jest renderowany z czarną górną krawędzią 1px w Firefoksie. Na obrazie nie ma ramki i nie jest ona wyświetlana w żadnej innej przeglądarce. Nie udało mi się znaleźć żadnych odniesień do tego wydarzenia z obrazem tła w dowolnym miejscu i nie jestem pewien, jak to naprawić!Obraz tła ma obramowanie 1px w Firefoksie (i tylko Firefox!)
Należy upewnić się, że resetuje dla wszystkich css, jak normalize.css. W ten sposób wszystkie przeglądarki działają tak samo.
img {border: 0; }
Obraz jest dostarczany w CSS jako obraz tła, a nie w elemencie ''. –
misterManSam
Tak samo jak heads-up - normalize.css jest już obecny w nagłówku mojego kodu źródłowego i od tego czasu opublikowałem to pytanie, więc nie sądzę, że jest to problem resetowania! Ponadto, jak zauważa misterManSam, nie jest to element img. –
To wydaje się być rozwiązany w najnowszej wersji Firefoksa (nie wiem, czy pisać to jako odpowiedź na moje własne pytanie lub jako część pytania?)
można umieścić zrzut ekranu? Wygląda dobrze dla mnie w firefox. – Kapep
Wydaje się być spowodowane, gdy wartość '-20%' w 'background-position: center -20%;' jest obliczana na wartość niezgodną z pikselem. Nie widzę linii we wszystkich rozmiarach, a użycie wartości piksela zamiast wartości procentowej powoduje zniknięcie. Jeśli chodzi o to, dlaczego tak się dzieje, IDK, więc +1. –
Dodano zrzut ekranu. Zobaczę, czy uda mi się sprawić, by działał z ustalonymi wartościami pikseli! –