Я делаю веб-приложение, и я получил дизайн для него от дизайнерской компании, работающей на субподряде. Дизайн довольно приятный, мне он нравится, но я наткнулся на одну вещь, которую не знаю, как правильно реализовать.
Дело в том, что они изменили внешний вид кнопок, чтобы они соответствовали стилю страницы. Итак, теперь у меня есть два изображения - кнопка вверх и кнопка вниз. В Opera и FF я просто говорю в css примерно так:
input[type = "submit"]
{
background-image: url(btn_up.png);
}
input[type = "submit"]:active
{
background-image: url(btn_down.png);
}
И это работает как шарм. IE, к сожалению, не понимает части :active. Как и в случае с большинством веб-приложений, основная целевая аудитория - это IE, поэтому очень важно, чтобы там он хорошо выглядел по меньшей мере.
В настоящее время я сделал громоздкий обходной путь, используя JavaScript только для IE, но мне интересно - нет ли более элегантного способа сделать это? Гугл и поиск ТАК не помогли.






Насколько мне известно, псевдоклассы CSS предназначены ТОЛЬКО для ссылок в IE. Возможно, это изменилось в IE8, но я об этом не знаю. В общем, я не думаю, что есть элегантный способ реализовать это через CSS.
Это бесполезный ответ, поэтому я также добавлю, что я бы реализовал его с использованием изображений и клиентского скрипта, который не элегантен, но должен позволять выполнять работу во всех браузерах, если клиентский скрипт правильный.
Ваше здоровье
http://www.quirksmode.org/css/contents.html#t16
«IE 7 поддерживает: hover, но не: active для всех элементов».