background-image

@Alex_Blue · Регистрация: 27.12.2012

Author24 — интернет-сервис помощи студентам

При наведении на один div, добавляется класс, у следующего элемента div, должна убираться картинка. Дело в том, что убирается градиент, подскажите как сделать, что бы градиент оставался.

Javascript

               $("#content>nav div").hover(function(){
            $(this).addClass("focusnav").next("div").css("background-image","none");
        },function(){
            $(this).removeClass("focusnav").next("div").css("background-image","url(style/img/lol.png)");
        })

HTML5

1 2	<div><a href="#">1</a></div> <div><a href="#">2</a></div>

CSS

 div{
    background-image: url(img/lol.png);
    background-position: left;
    background-repeat: no-repeat; 
}
.focusnav{
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e63334', EndColorStr='#aa040d');
    background: -webkit-linear-gradient(top, #e63334 0%,#aa040d 90%);
    background: -moz-linear-gradient(top, #e63334 10%, #aa040d 100%);
    background: -o-linear-gradient(top, #e63334 0%,#aa040d 90%);
}

@ask66 · 31.01.2013, 18:40

Ну так градиент у Вас в классе focusnav прописан, а этот класс ВЫ удаляете. Если свойство не хотите удалять пропишите его жестко.

@Alex_Blue · 31.01.2013, 18:52 **[ТС]**

Извините, я наверно не правильно написал. При наведении на один блок к нему добавляется класс focusnav, и при этом у следующего блока убирается background-image. Если навести на следующий блок, то к нему добавляется класс focusnav(это можно проверить через height), но градиент не ложится, вместо него ложится картинка с repeat-ом. И вот как сделать так, что бы градиент был виден, а не картинка.

@ask66 · 31.01.2013, 20:41

Ну правильно background-image наследуется. Он ведь для всех дивов прописан. Cделайте два класса. В одном пропишите градиент, в другом картинку. И присваивайте-удаляйте их, как заблагорассудится. Да и добавте еще

CSS

1	background: linear-gradient(top, #fefcea, #f1da36);

свойство CSS3.

@ask66 53 / 53 / 8 Регистрация: 20.11.2012 Сообщений: 114
	31.01.2013, 18:40	2
	Ну так градиент у Вас в классе focusnav прописан, а этот класс ВЫ удаляете. Если свойство не хотите удалять пропишите его жестко. 0

@Alex_Blue 0 / 0 / 0 Регистрация: 27.12.2012 Сообщений: 5
	31.01.2013, 18:52 [ТС]	3
	Извините, я наверно не правильно написал. При наведении на один блок к нему добавляется класс focusnav, и при этом у следующего блока убирается background-image. Если навести на следующий блок, то к нему добавляется класс focusnav(это можно проверить через height), но градиент не ложится, вместо него ложится картинка с repeat-ом. И вот как сделать так, что бы градиент был виден, а не картинка. 0

	31.01.2013, 20:41

Опции темы