Sergikus
-
Posts
3 -
Joined
-
Last visited
Sergikus's Achievements
Explorer (1/14)
0
Reputation
-
Выложил пример: http://griph1n1.com.ua/example/ При наведении на изображение появляется синий бекфон. Задача что бы этого бекфона не было.
-
Я думал об этом варианте, но неужели нельзя решить проблему чистым css без подгрузки изображений?
-
Добрый день. Я, по сути, начинающий верстальщий, но сегодня столкнулся такой проблемой. Заказчик попросил что бы при наведении на ссылку у нее изменялся бекфон. Когда прописал соответствующий стиль, появилась проблема с ссылочными изображениями с прозрачным фоном. Если навести на них мышкой, фон изображения тоже меняется. В общем какие варианты я не пробовал, без результатно. Хочу попросить помощи у опытных верстальщиков. Код примера привожу ниже <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Standart//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type="text/css"> a, a:active, a:link, a:visited { color:#016eea;text-decoration:none; } a:hover { background-color: #016eea; color: #fff; text-decoration: none; } a:hover img { background-color: #fff !important; border:0; text-decoration:none; } </style> </head> <body> <a href="#">Hello</a> <br><br> <div><a href="#"><img src="/img/myimg.gif" border="0"></a></div> </body> </html> Есть один маленький нюанс. Если ссылке с рисунком присвоить класс и описать его в css, тогда все работает корректно. Но, этого сделать нет возможности, т.к. контент на сайт добавляют контент менеджеры через CMS и там получаются голые теги. Объяснить им что такое CSS классы нет возможности. Плюс есть много добавленного контента, который нет возможности изменять. Да, и еще, вариант img {display:block} не подходит, хоть и решает данную проблему, т.к. не во всех изображениях заданы размеры. Буду очень благодарен, если кто-то подскажет как решить данную проблему.