function asd() {
$('img').wrap('<div style="display: table-cell; border: 2px solid green"></div>').fadeTo(100, 0.0);
$('div').css('backgroundImage', 'none');
}
<body>
<img src="img/buttons.gif" alt="">
<div style="background-image: url(img/buttons.gif); width: 100px; height: 16px; border: 3px solid #f00"></div>
<input type="button" value="click" onclick="asd();">
</body>
вот 2 моих варианта
1 - обернуть в див с рамкой и скрыть картинку
2 - задать картинку как фон дива с рамкой