2012-04-26 15 views
5

Widziałem kodu css gdzie to było jakco to jest tło: przezroczysty adres URL(); zrobić?

body { background: transparent url ('background.jpg') repeat scroll;} 

Co oznacza wartość przejrzysty zrobić? Próbowałem google'ing o tym, ale bez pomocy. Czy background.jpg nie zastąpi tego?

Dziękuję.

Odpowiedz

7

transparent to kolor. Element może mieć zarówno obraz tła, jak i kolor tła.

Powyższy odpowiada:

body { 
    background-color: transparent; 
    background-image: url('background.jpg'); 
    background-repeat: repeat; 
    background-attachment: scroll; 
} 

Kolor jest ważne Ogólnie, gdy np obraz tła nie ładuje się lub obraz zawiera przezroczyste regiony lub obraz nie jest powtarzany w celu wypełnienia całego obszaru (co nie jest prawdą w tym przykładzie).

Jednak od transparent jest „wartość początkowa”, to nigdy nie jest to konieczne przy korzystaniu z background skrótów, ponieważ skrótowym automatycznie ustawia wszystkie właściwości nieokreślonych ich wartości początkowej.

Zatem jedyny przypadek, gdzie zastosowanie transparent sens jako kolor tła obejmuje:

  1. nie używając skrótów, ale zamiast bezpośrednio za pomocą właściwości background-color;
  2. za pomocą tego, aby zastąpić inny selektor, który stosuje się bezpośrednio do tego elementu.

Przykładem może być

body.foo { background-color: blue; } 
body.foo.bar { background-color: transparent; } 
+1

Obawiam się, że to nie jest poprawne. Jawne ustawienie wartości nie ma żadnej różnicy (zobacz moją odpowiedź). – user123444555621

+0

Dobra przynęta na Pumbaa80, założyłem, że to "dziedziczenie". Ustalenie. – Domenic

+0

@MrLister, Powiedziałem "naprawianie", a nie "naprawiono". * Teraz * zostało naprawione;). – Domenic

3

Właściwie, to nie jest wymagane.

http://www.w3.org/TR/CSS21/colors.html#background
Biorąc pod uwagę ważną deklarację, właściwość „background” najpierw ustawia wszystkie poszczególne własności tła do wartości początkowej, a następnie przydziela jawne wartości podanych w zgłoszeniu.

Od background-color „s wartości początkowej is transparent, jest ona stosowana domyślnie podczas ustawiania background:url(...);

Dokładniej, reguła styl jest odpowiednikiem

background-color: transparent; 
background-image: url(...); 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 0%; 

w obu przypadkach.

Jednak wielu autorów (w tym ja) wolą jawnie ustawić wartość

  • dla czytelności
  • uniknięcia jakichkolwiek błędów w przeglądarce, lub po prostu
  • bo nie wiedzą lepiej