Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Jak wyłączyć background-image
Forum PHP.pl > Forum > Przedszkole
konrados
Witam,

Na jednej z moich stron jest używany plik pierwszy.css w którym dla H1 dałem obrazek tla:
background-image:url('jakis_obrazek.png')

Dalej używam plik drugi.css, w którym dla owego H1 chcę dać zwykłe tło (background-color:...), w tym celu muszę "wyłączyć" jakoś background-image, próbuję background-image:none, i to rzeczywiście wyłącza, ale nie akceptuje już mojego background-color, czy macie jakieś koncepcje?

Jeśli zagmatwałem to krócej: używam dwóch plików css (jednocześnie), w pierwszym robię background-image a w drugim chcę zrobić background-color i nie działa.
vokiel
użyj skróconej wersji: background
plik 1
background: url('jakis_obrazek.png');
plik 2
background: #ff0000;
johnson
Mam koncepcję taką, że coś jest nie tak zapisane w CSS, fajnie by było jakbyś pokazał przynajmniej te dwie całe definicje H1.
konrados
@vokiel : niestety nie zadziałało

@johnson : No to jest tak:
Kod
plik #1:
   h1
   {
     border:1px solid #CCCCCC;
     background-image: url('blue.png');
     background-repeat: repeat-y;    
   }
  
   plik #2:
   h1
     {
     background-image: none;
     background-color:red;
   }
erix
Poczytaj sobie o keywordzie !important. To jest rozwiązanie Twojego problemu.
konrados
Rzeczywiście, !important zadziałało, chociaż nie rozumiem czemu - przecież ten drugi css jest PONIŻEJ pierwszego, więc z natury rzeczy powinno zadziałać (czyż kolejny css nie nadpisuje wartości w pierwszym?).

No niemniej dzięki, problem rozwiązany:)
erix
Właśnie o to chodzi, żeby uniezależnić od kolejności deklaracji, a uzależnić od hierarchii. ;]
hiszpanespaniol
Cytat
Właśnie o to chodzi, żeby uniezależnić od kolejności deklaracji, a uzależnić od hierarchii. ;]


... i uzależnić od tego, czy ktoś ma ie, czy nie. ;P

edit:
Cytat
uniezależnić od kolejności deklaracji

mowa tu o KASKADOWYCH arkuszach stylów
erix
Cytat
... i uzależnić od tego, czy ktoś ma ie, czy nie. ;P


To też. ;]

Cytat
mowa tu o KASKADOWYCH arkuszach stylów

Owszem, ja wiem, co mówię, patrz:

Kod
<link rel... href="skeleton" />
<link rel... href="skin" />


Byś zamienił kolejnością i kicha. tongue.gif

Drugi przykład:
Kod
p.rodzic
{ font-weight: bold; }

span.dziecko
{ /*nie chce byc grubasem*/ font-weight: normal !important; }
hiszpanespaniol
a nie lepiej się otworzyć na tą drugą połowę internautów i zapisać tak?

  1. p.rodzic {
  2.  
  3. font-weight: bold;
  4.  
  5. }
  6.  
  7. p.rodzic span.dziecko {
  8.  
  9. font-weight: normal
  10.  
  11. }


z klasy .dziecko można zrezygnować.

ja też wiem, co piszę, wiem, ze !important jest mało important dla ie z której to korzysta sporo internautów
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.