HTML: столбец таблицы при наведении курсора [дубликат]
Мы - веб-магазин, таким образом, мы отбрасываем следующие правила:
- Что-либо с Interop (мы не поддерживаем интеграцию COM, если клиент не платит за него!)
- подписание Ключа (для веб-приложений не должна быть нужной высокая безопасность prilages)
Occationally мы отбросим правило об использовании более высоких платформ в зависимостях, поскольку часть нашего CMS является все еще.NET 2.0, но это не означает, что DAL / Бизнес-Слои не может быть.NET 3.5, пока Вы не пытаетесь возвратить IQueryable (или что-либо.NET 3, 3.5).
4 ответа
Работает только для ячеек или строк, извините. например,
td {
background-color: blue;
}
td:hover {
background-color: red;
}
Доступны решения JavaScript, но в настоящее время в CSS нет ничего нужного из-за ограничений селекторов.
td /* all cells */
{
background-color: blue;
}
tr /* all rows */
{
background-color: pink;
}
/* nothing for all columns */
Я не думаю, что есть чистый способ HTML + CSS сделать это. Альтернативой является Javascript, например плагин jQuery tableHover
Вы можете попробовать поэкспериментировать с и col: hover {background: red; } , но я сомневаюсь, что он сработает. В любом случае, это определенно не будет работать в более старых версиях MSIE, поэтому для этого вам понадобится javascript.
У меня была аналогичная проблема, когда я было слишком много столбцов для отображения на экране. С ПОМОЩЬЮ PHP я превратил каждую строку в таблицу с 1 столбцом. Итак, n строк = n таблиц. Затем я вложил каждую таблицу в основную таблицу. Это позволило мне вызвать td: hover из моей таблицы стилей. Поскольку каждый td содержит таблицу, он имеет такой же эффект выделения столбца a, когда я нахожу на него указатель мыши.