JavaScript - стиль изображения изменения не функционирует должным образом

Question

Так вот в чем дело:

onmouseover="imageOn(bg-index);" onmouseout="imageOff(bg-index);" 

Те два атрибута, у меня есть на table с ID table-title. Функции являются частью удаленного файла JS:

if (name == 'bg-index') { document.getElementById("table-title").style.backgroundImage = "url('images/bg-index.png')"; } 

... с imageOff быть то же самое, но с другим изображением. Это не работает; Что я делаю не так?

Answer 1

onmouseover="imageOn('bg-index');" onmouseout="imageOff('bg-index');" 

Попробуйте использовать переменные функции в виде строк.

Answer 2

У CSS есть определенная иерархия. Вы проверяли, есть ли какие-либо другие записи CSS, которые перезаписывают то, что вы пытаетесь изменить? Возможно, есть какой-то селектор, который заставляет этот образ «всегда включен».

Есть четыре различных категории, которые определяют уровень специфичности данного селектора:

1. Встроенные стили (наличие стиля в документе). Встроенный стиль живет в вашем документе XHTML. Он прикрепляется непосредственно к стилю, который должен быть стилизован. . <h1 style="color: #fff;">

2. идентификаторы (ID # из селекторов) ID является идентификатором для элементов страницы, такие как #div.

3. Классы, атрибуты и псевдоклассы (# селекторов классов). Эта группа включает в себя .classes, [attributes] и псевдо-классы, такие как :hover, :focus т.д.

4. Элементы и псевдо-элементы (# элемента (типа) селекторов). Включая, например, :before и :after.