У меня есть изображение, заданное как фоновое изображение div. Размер DIV изменяется, и внутри их есть изображение, которое является градиентом.
CSS
#scroller_shadow{
background-image:url(../img/ui/shadow.png);
background-repeat:repeat-x;
background-position:top;
}
Мне нужно кросс-браузерное решение для того, чтобы изображение соответствовало высоте div только по оси y, сохраняя repeat-x. Динамическое изменение DIV осуществляется с помощью JQuery.
Их может быть вариант с несколькими браузерами с использованием JQuery. Я не против использования сценариев для достижения этого, чтобы получить поддержку кросс-браузера (IE7 +). Я не хочу растягивать изображение, потому что он теряет интенсивность, когда вы растягиваете изображение по оси x, делая полупрозрачное изображение PNG почти прозрачным.
Спасибо.