Hover на div

[our]

Искам при ховър върху дива, да му се сменят background-image-а и color-а на текста в него ..

Каквито варианти пробвах все изпушват под някой браузер .. Има ли някой нещо работещо ?

 

[emagi]

<div id='emagi' onmouseover="this.style.backgroundImage=url('пътя до новото изображение');" onmouseout="this.style.backgroundImage=url('пътя до старото изображение');" /></div>

P.S.Грешката е в мен.Дадох ти код, който работи при таг <img />.Сега това трябва да бачка.Не съм пробвал обаче

 

[shterev]

<div id='emagi' onmouseover="this.style.background='url(пътя до новото изображение) ' ; " onmouseout="this.style.background= 'url(пътя до старото изображение) ';" /></div>

Аз мисля че трябва да е нещо такова.

 

[DeathGuard_]

Друг начин
style.css:

.div4e {
color: #color;
background: url(adress) repeat-x;
}

.div4e:hover {
color: #color5;
background: url(adressvtori) repeat-x;
}

В html:

<div class="div4e">Content</div>

Това в червеното си го променяш.

 

[shterev]

Друг начин
style.css:

.div4e {
color: #color;
background: url(adress) repeat-x;
}

.div4e:hover {
color: #color5;
background: url(adressvtori) repeat-x;
}

В html:

<div class="div4e">Content</div>

Това в червеното си го променяш.

Ако това работи под ие-то ще те черпя една бира. :shock:

 

[our]

Направих го с нормално а с display:block и background .. Пак ми свърши работа, но за по-сигурно сложих JS-то на емаги - работи си