MalDevBlog

Głupi Firefox, niby dobrze sobie radzi ze standardami, a przy podstawowych rzeczach wariuje.
Chodzi dokładnie o background-attachment dla elementów formularzy: input i textarea. Nie wiem jak z innymi elementami, nie testowałem, bo akurat to nie jest mi potrzebne.

background-attachment określa czy tło ma się przesuwać wraz z zawartością (scroll) czy ma być stałe (fixed).

Mamy taki kod:

#commentform textarea {
    width: 355px;
    height: 100px;
    background: #202326 url(comment.gif) fixed center;
}

Przy takim stylu według standardów tło w textarea powinno być wycentrowane i stale (nie przewijać się, gdy przewijamy textarea).

W IE poprawnie działa, tak jak powinno.
Firefox i Opera robią to dziwnie. Dla nich wygląda to tak jakby to body miało ustawione tło obrazkowe, co można zauważyć przewijając, strone. Efekt taki jakby textarea odkrywało nam body, było takim oknem :P Tło w textarea jest stale, ale nie wycentrowane (bo uważane za tło body).

Gdy wywalimy fixed, wtedy background-attachment przyjmuje domyślną wartość – scroll.
W IE ok.
„Nowoczesne” przeglądarki znów wiedzą lepiej jak powinno być i jakie są „lepsze” standardy. Teraz zachowują się tak jakby fixed dla background-attachment został ustawiony.

Ludzie wypominają Niepełna obsługa background-attachment:fixed w IE, a w tym przypadku Firefox i Opera same dobrze sobie nie radzą z tym :]