wielkość tła: błąd na okładce w zestawie

Wygląda na to, że istnieje błąd w pakiecie, prawdopodobnie problem z zaokrąglaniem, który powoduje, że właściwość background-size nie obejmuje całego elementu elementu, gdy jest ustawiony na cover.wielkość tła: błąd na okładce w zestawie

jsFiddle: http://jsfiddle.net/um4cQ/ (spróbuj rozmiaru obszaru wynik, jeśli nie widzisz czerwone tło poprzez pokazano na lewej lub u góry).

Widziałem kilka odniesień do błędu w sieci, some dating back to 2011, ale jeszcze nie usłyszałem niczego od programistów. Co ważniejsze na razie, jeśli istnieje obejście CSS (bez użycia javascript).

Czy ktoś znalazł opłacalne obejście tego problemu?

Źródło

2013-07-23 Godwin

To nie jest rozwiązanie - ale jeśli jesteś w szczypie, możesz użyć 'background-repeat: repeat;', aby problem był mniej zauważalny. – potench

'background-origin: border-box' wydaje się pomagać, przynajmniej na cienkich granicach, jak w tym przykładzie. –

Tak, pobij mnie do tego ... Wygląda na to, że 'border-box' sprawia, że obraz pokrywa się za granicą, więc granica blokuje błąd zaokrąglania. – potench

Dodałem prefiks dostawcy i naprawiłem niektóre obrazy, a następnie zgrupowałem stenotypową regułę background: dla koloru i bez powtórzeń. Naprawiono niektóre obrazy, ale nie wszystkie, więc zauważam, że jest to związane z posiadanymi wymiarami obrazu, użyłem tego samego obrazu (który działał) dla wszystkich obrazów i zadziałało.

Więc współczynnik kształtu obrazów ma tu coś wspólnego i myślę, że to dlatego, że background-size: cover; próbuje nie zniekształcać obrazu, podnosząc proporcje.

Here's my fiddle working ... wystarczy przerobić zdjęcia, aby miały proporcje, które będą pasować do właściwego pojemnika.

Źródło

2013-07-24 00:34:15 sulfureous

Nie na moim komputerze (Chrome + Windows 8), ale teraz widzę czerwoną ikonę po prawej lub u dołu zamiast po lewej lub u góry. – Godwin

Czy mówisz, że masz inną wersję, w której wszystkie elementy 'figure' mają ten sam obraz tła? – Godwin

Przepraszamy za wszystkie komentarze, ale ponowne przeczytanie go wydaje się jasne, że to właśnie mówisz. Kolejny sposób na obejście problemu w określonych sytuacjach, ale co się dzieje, gdy nie masz kontroli nad obrazami (np. Przesłana treść)? – Godwin

wielkość tła: błąd na okładce w zestawie

Odpowiedz

Powiązane problemy