можно ли на один слой положить два бэкраунда, к примеру две картинки?

Алексей, подскажите, как обычно у профессионалов решается такая проблема, касающаяся CSS.

В стилях для ссылок в hover прописан background-color, который отличается от цвета фона страницы.
Для текстовых ссылок все получается замечательно -- при наведении на ссылку у нее появляется фон и т.п.

Но беда в том, что на странице есть не только текстовые ссылки, а и ссылки-картинки. Соответственно при наведении на такую ссылку-картинку в Опере получаем не очень приятный эффект «подчеркивания» картинки. Хотелось бы для ссылок-картинок задать фон прозрачным.

Как-то можно выкрутиться, не присваивая каждой картинке отдельный класс?

Правильно ли я понял, что у вас для ВСЕХ ссылок прописан фон:
a
{
background-color: red;
}

и поэтому те ссылки, которые вы сделали картинками:

[a href="..."][img src="..."][/a]

тоже получают этот фон?

Присваиванием класса КАРТИНКЕ вы по идее ничего не добьётесь — ведь фон при наведении мыши получает тег A а не тег IMG. Если же у вас что-то получилось именно присваиванием класса картинке,
так впишите найденное в:

a img
{
...
}

и картинки, расположенные внутри ссылок (т.е. ссылки-картинки), получат нужные атрибуты без присваивания класса.

Если ваши ссылки-картинки не разбросаны по всей странице, а локализованы (например, в меню или инструментальной панели), можете взять весь блок ссылок-картинок в один div скажем с классом imgrefsdiv, и тогда можно добавить css-описание:

.imgrefsdiv a:hover
{
background-color: transparent;
}

и ссылки именно из этого div не будут подсвечиваться при поднесении мыши, что нам и надо.

Последний вариант мне кажется наиболее удачным.
Другие способы наверное не существуют, т.к. мы не можем в css разделить описания тех тегов A которые содержат картинку от тех тегов A которые её не содержат... т.е. общего описания быть не может, мы вынуждены или у каждой ссылки-картинки явно указывать класс, или предпринимать дополнительные усилия для различения этих тегов A (например введением охватывающего div, как в моём примере).

Непонятно, почему вообще что-то видно из фона тега A если внутри тега A — картинка, которая перекрывает фон тега A. Может быть, следует для картинки указать в стилях margin:0 и border:0, и эффект пропадёт? Проверьте.

Спасибо за желание помочь.
Да, очевидно единственный способ решения проблемы подвести ссылки-картинки под действие контекстного селектора или присвоить им отдельный класс:(
>Непонятно, почему вообще что-то видно из фона тега A если внутри тега A — картинка, которая перекрывает фон тега A.
Ну да, это самое непонятное из всего непонятного. И так реагирует только Опера. См. http://primer.wd0108.ru/ -- кнопка-картинка посреди текста.
Чтобы по-максимуму застраховаться в этом случае, в стилях прописал

IMG {background-color:#fff; margin:0; border:0; padding:0}
A:hover {background-color:#000; color: #fff; margin:0; border:0; padding:0}
A IMG {background-color:#fff; margin:0; border:0; padding:0}

Но это все равно не помогает.

Добрый вечер Алексей!!! Скажите вы разберетесь в javascript? Дело в том,что когда вставляешь javascript на сайт он пишет (Непарные круглые скобки) , я проверил вроде все скобки парные. Вы не знаете в чём тут дело?
Спасибо

Доброе время суток. Была поставлена интересная задача. Сделать календарь. Сейчас опишу как должен выглядить.
Цифры по порядку то число которое сейчас выше остальных и жирнее ( с этим вопросов нет), а теперь самое интересное)) то число которое сейчас над ними справа и слева текст, справа дата: , а слева месяц и год, вот как это организовать?? есть идея числу которое сейчас будет заносится в див(либо li) со своими параметрами шрифта, и высотой больше а как к прикрутить текст над цифрой я не знаю, надеюсь на вашу помощь. Большое спасибо.