В настоящее время я делаю редизайн веб-сайта, в основном просто обновляю его до более современного вида и пытаюсь сделать его максимально независимым от разрешения, и во имя независимости от разрешения я решил использовать Изображения SVG в дизайне, где браузер поддерживает изображения SVG в<img> теги. Причина, по которой я хочу придерживаться только использования SVG в<img> Тэги, а не использование более амбициозного решения, заключаются в том, что AFAIK Chrome, Opera и Safari все поддерживают его, и FF4, кажется, может окончательно получить его в сочетании с тем фактом, что весь сайт построен на собственной CMS, которая должна быть частично переписан, чтобы начать изменять выходной HTML (в настоящее время он поддерживает пользовательские изображения дизайна, пользовательские CSS и пользовательские JS для каждой темы).

Теперь я немного осмотрел сеть, пытаясь найти лучший способ сделать это, и по какой-то причине почти все предложенные мной решения работали плохо (один обнаруживает, что FF3.x поддерживает SVG в<img> теги, чтобы они там не отображались должным образом, другой никогда не пытался вообще, некоторые были слишком сложными, «замените все изображения SVG, если есть поддержка», функции, которые тоже не будут работать слишком хорошо.

Что мне нужно, так это небольшой фрагмент кода, который можно назвать так (кстати, я использую JQuery с этой новой темой для сайта):

if(SVGSupported()) {
    $('#header img#logo').attr('src','themes/newTheme/logo.svg');
    /* More specified image replacements for CSS and HTML here */
}

У кого-нибудь действительно есть рабочее решение для этого, которое не дает неточный вывод? Если так, я был бы очень благодарен.