Forum PHP.pl

Witam serdecznie - szukam i szukam i nic...

Jak zrobić w css, żeby po akcji "hover" zmieniło mi się tło innego layera / obiektu?

[HTML] pobierz, plaintext 
<style>
#pierwszy-obiekt:hover
{
background-color (#drugi-obiekt): #000000;
}
</style>
[HTML] pobierz, plaintext 

coś w tym stylu... Chciałbym żeby po najechaniu na id='pierwszy' zmienił się background elementu o id='drugi' - i to w css a nie js. I nie chodzi o klasy tylko id...

[HTML] pobierz, plaintext 
#table-image1:hover CO TUTAJ, ŻEBY ZADZIAŁAŁO NA #shape1
{
background-color: #000000;
-webkit-transition: background-color 500ms ease 0ms;
-moz-transition: background-color 500ms ease 0ms;
-ms-transition: background-color 500ms ease 0ms;
transition: background-color 500ms ease 0ms;
}
[HTML] pobierz, plaintext 

Ten post edytował shpaque 20.08.2013, 08:13:20

Domniemam, że musisz skorzystać z js: http://www.w3schools.com/jsref/event_onmouseover.asp

więc powinno być coś takiego?

[HTML] pobierz, plaintext 
#table-image1:hover
{
opacity: 0.3;
-webkit-transition: opacity 500ms ease 0ms;
-moz-transition: opacity 500ms ease 0ms;
-ms-transition: opacity 500ms ease 0ms;
transition: opacity 500ms ease 0ms;
}
#table-image1:hover ~ #shape1
{
background-color: #000000;
-webkit-transition: background-color 500ms ease 0ms;
-moz-transition: background-color 500ms ease 0ms;
-ms-transition: background-color 500ms ease 0ms;
transition: background-color 500ms ease 0ms;
}
[HTML] pobierz, plaintext 

Ten post edytował shpaque 20.08.2013, 08:03:08

No tak, u mnie działa twój CSS.
Daj opacity dla #table-image1:hover ~ #shape1

Ten post edytował _Borys_ 19.08.2013, 22:24:55

za Chiny nie idzie... Nie wiem czemu - dlatego poprawiłem pierwszy post - żeby wszyscy zainteresowani wiedzieli o co chodzi. Przeszukałem internet przez całą noc, kombinowałem w kodzie i... nic. Poznajdywałem oczywiście na JS, czy jeśli chodzi o klasę danych divów, ale na ID nie wiem...

Próbowałem już na chybił-trafił tak:

[HTML] pobierz, plaintext 
#table-image1:hover
{#shape1
  {
  background-color: #000000;
  -webkit-transition: background-color 500ms ease 0ms;
  -moz-transition: background-color 500ms ease 0ms;
  -ms-transition: background-color 500ms ease 0ms;
  transition: background-color 500ms ease 0ms;
  }
}
[HTML] pobierz, plaintext 

...ale oczywiście nic...

Czy to jest takie trudne, czy po prostu w CSS nie ma możliwości, żeby tak zrobić..?

czyli jedyna opcja to elementy następujące po sobie? Inaczej tylko JS?

w takim razie już wszystko wiem i dziękuję za poświęcony czas.