встроенная проблема css

Question

У меня есть следующий скрипт:

http://jsfiddle.net/oshirowanen/8mQ7x/1/

, который работает нормально, но как только я переключаюсь на внешний CSS, чтобы добавить фоновое изображение с использованием встроенных методов CSS, он перестает работать, как показано здесь:

http://jsfiddle.net/oshirowanen/8mQ7x/

Мне нужна часть этого, чтобы быть встроенным CSS, потому что HTML генерируется динамически.Я пытаюсь создать много общих значков, используя разные изображения для каждого значка, но используя общий внешний файл CSS, чтобы вызвать эффект наведения мыши.

Почему это перестает работать, когда встроенный CSS используется для добавления изображения икак я могу заставить это работать?

Answer 1

Поскольку элементы style Правило CSS имеет более высокий приоритет, чем другие правила CSS.Используя background в стиле элемента, вы переписываете не только фон по умолчанию, но и :hover.

Вы должны переписать только background-image.Пример: http://jsfiddle.net/8mQ7x/3/