Ответ LeassTaTT хорошо работает в «стандартных» браузерах, таких как FF и Chrome. Решение для IE существует, но выглядит иначе. Здесь описание кросс-браузерного решения:
В HTML нам нужны два элемента предварительного просмотра: img для стандартных браузеров и div для IE
HTML:
В CSS мы указываем следующую специфическую IE:
CSS:
#preview_ie {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}
В HTML мы включаем стандарт и IE-специфичные Javascripts: