Loading:


Tło obrazkowe.
Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuÅ‚ czy td - komórka tabeli [zobacz: Wstawianie stylów].

Natomiast jako "Å›cieżka dostÄ™pu do obrazka" należy podać miejsce, gdzie znajduje siÄ™ obrazek, który chcemy wstawić jako tÅ‚o. Wpisanie "none" usunie obrazek.

Ścieżkę dostępu należy konstruować względem arkusza CSS, a nie względem dokumentu HTML!

Polecenie pozwala wstawić dowolny obrazek jako tło pod elementem. Pamiętaj jednak, żeby obrazek w tle nie był zbyt jaskrawy. Spowoduje to tylko zaciemnienie zawartości strony i utrudni czytanie.

Wspólnie z tÄ… wÅ‚asnoÅ›ciÄ… czÄ™sto podaje siÄ™ dodatkowo kolor tÅ‚a. W takim przypadku, jeÅ›li obrazek bÄ™dzie niedostÄ™pny lub użytkownik wyłączy wyÅ›wietlanie obrazów, tÅ‚o przyjmie podany kolor. Ponadto jeżeli obrazek posiada przezroczystość (np. format *.gif), zostanie ona zastÄ…piona podanym kolorem.

Jeśli kolor tekstu elementu z tłem obrazkowym jest zbliżony do domyślnego koloru tła strony, wskazane jest podanie dodatkowo takiego koloru tła dla tego elementu, aby tekst był na nim czytelny. Jeżeli tego nie zrobimy, a obrazek nie zostanie wyświetlony, może wystąpić sytuacja typu: "biały tekst na białym tle".

Może siÄ™ to zdarzyć np. gdy obrazek w tle strony jest dość ciemny. Wtedy okreÅ›la siÄ™ zwykle jasny kolor tekstu, zapominajÄ…c podać równoczeÅ›nie deklaracjÄ™ ciemnego koloru tÅ‚a - jako zabezpieczenie. Dopóki obrazek jest widoczny, wszystko jest w porzÄ…dku, lecz jeÅ›li nie zostanie on wyÅ›wietlony, tÅ‚o przyjmie najczęściej kolor biaÅ‚y (jako domyÅ›lny) i w ten sposób otrzymamy stronÄ™, której nie można przeczytać :-(



Napisz Artyku³

Listing

selektor { background-image: url(ścieżka dostępu do obrazka) }




Dodano przez: michaldelfin Ranga: Poziom 8 Punktów: 258
Komentarze użytkowników
Ojej taka prosta sprawa a dostęp zablokowany:P
autor: bombel | 5130 | 2010-02-10 17:37:19


To jest banalne :)
autor: thepiana | 5840 | 2010-06-12 12:48:26


    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2021 v.1.5 | design: diviXdesign & rainbowcolors