background-attachment

[ Ilija Studen @ 09.03.2004. 07:37 ] @

Definicija je sledeca:

Code:
BACKGROUND-ATTACHMENT: fixed;
BACKGROUND-IMAGE: url(http://www.ionbee.net/themes/ionbee3/layout/formbg.jpg);

To je uradjeno za INPUT i TEXTAREA. Kako izgleda mozete videti na www.ionbee.net (recimo u login formi). Ako stranicu pogledate sa IE sve ce biti OK (backround image ce biti "zalepljen" za levi gornji ugao INPUT-a). Ako ga ucitate za Mozillom slika ce biti zalepljena za levi gornji ugao STRANICE umesto kontrole na koju je stil primenjen. U cemu je problem?

Kompletna definicija je:

Code:
.LOGIN_ELEMENT {
  BORDER: #666666 1px solid;
  FONT-SIZE: 11px;
  BACKGROUND-ATTACHMENT: fixed;
  BACKGROUND-IMAGE: url(http://www.ionbee.net/themes/ionbee3/layout/formbg.jpg);
  WIDTH: 80px;
  COLOR: #333333;
  FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #FFFFFF;
}

[ noviKorisnik @ 09.03.2004. 09:06 ] @

Koliko vidim - dovoljno je da izbaciš deklaraciju za BACKGROUND-ATTACHMENT i sve bude bajno i sjajno.

[ -zombie- @ 09.03.2004. 17:27 ] @

naravno da je to dovoljno, kada je druga vrednost (scroll) default, a ona se ponaša baš kako bi želeo..

Citat:

background-attachment
Value: scroll | fixed | inherit
Initial: scroll
Applies to: all elements
Inherited: no
Percentages: N/A
Media: visual

If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') or scrolls along with the document ('scroll').

http://www.w3.org/TR/CSS2/colo...#propdef-background-attachment

[ Ilija Studen @ 09.03.2004. 19:19 ] @

OK, trebalo je samo staviti BACKGROUND-ATTACHMENT: scroll; a ja se nisam cak ni udostojio da pogledam CSS recommendations =(

Stvarno smesno: drugacija vrednost atributa, ista interpretacija od strane IE-a (6-ca). No, na svu srecu uvek sem testiranja (posto stranice uvek pravim tako da se lepo prikazuju i u IE i u Mozilla) koristim FireFox (mali zmaj, preporuka svima =) )

Hvala ljudi...