Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Раскрасить чересстрочно строки table, не работает правило css / 4 сообщений из 4, страница 1 из 1
19.08.2015, 23:50
    #39032795
kolyan2288
kolyan2288
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Раскрасить чересстрочно строки table, не работает правило css
Доброго вечера, и так есть таблица, чересстрочно строки раскрасить строки не составило труда
Код: javascript
1.
2.
3.
$(document).ready(function (){  
      $("table tr:nth-child(even)").addClass("bg2");
});


Код: css
1.
table tr.bg2 td { background-color:#f5f8fc; }


В css прописал при наведении курсора менять фон строки таблицы
Код: css
1.
2.
3.
table tr:hover {
    background: #BAD3E9;
}


Проблема при наведении на раскрашенную строку чересстрочно с помошью js, правило ccs hover не работает,почему это происходит? как решить эту проблему, спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.08.2015, 00:14
    #39032798
бухалтер фантоцци
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Раскрасить чересстрочно строки table, не работает правило css
CSS - правила не работают для стилей, указанных явно в теге или перезаписанных из JavaScript,
например <tr style="background-color: #ffffff">.....</tr> - разумется hover не сработает.
CSS3 - псевдоклассы

Кстати нужно учитывать разницу между background и background-color
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.08.2015, 11:59
    #39033041
скукотища
скукотища
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Раскрасить чересстрочно строки table, не работает правило css
kolyan2288,
замени
Код: css
1.
2.
3.
table tr:hover {
    background: #BAD3E9;
}


на
Код: css
1.
2.
3.
table tr:hover td { 
    background-color: #bad3e9;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.08.2015, 10:00
    #39033686
kolyan2288
kolyan2288
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Раскрасить чересстрочно строки table, не работает правило css
спасибо ребят, сделал через ccs3 правило
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Раскрасить чересстрочно строки table, не работает правило css / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 472ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1445780]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 173ms
get topic data:
 7ms
get forum data:
 4ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 232ms
total:  472ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]