2010-04-10 3 views
0

Я построил несколько перекрестных ролловеры выцветанию в IE7 с помощью этого единственного метода изображения: http://jqueryfordesigners.com/image-cross-fade-transition/Jquery проблемы кросс-выцветанию опрокидывание в IE7

Он работает путем размещения опрокидывание изображения в фоновом режиме и выцветанию исходное состояние изображения, когда пользователь опрокидывает изображение. IE7 ненавидит его. Состояние опрокидывания отображается непосредственно под исходным изображением.

Вы можете проверить его здесь: http://hardtopdepot.com/dev/inner.html

Это должно быть довольно очевидно в IE7, но добавить в корзину кнопок suppossed быть Jquery опрокидывание. Я отнюдь не эксперт JS, поэтому я не уверен, как решить эту проблему, любые предложения будут очень полезными. Спасибо

+0

Ссылка на вашу заявку не работает, не могли бы вы исправить ее, пожалуйста? –

+0

Ooops извините - все исправлено. – Thomas

ответ

0

Я предполагаю, что это ошибка в плагине. Они проверяют имена браузеров в плагине, который всегда является плохим знаком (не будущим).

В любом случае, кажется, что кнопки, которые вы хотите, это просто текстовые кнопки с затухающим фоном. Почему вы не можете просто настроить ссылку, чтобы она выглядела как кнопка, и используйте jQuery Color Animations plugin ?. Это решение лучше подходит для поиска страниц и чтения с экрана.

Я создал простую демонстрацию для вас здесь: http://jsbin.com/egiha4/2

Источник: http://jsbin.com/egiha4/2/edit

Нуждается в стиль и обработчик щелчка или HREF атрибута.

0

Вы можете просто использовать простой CSS (пример здесь: http://sophie-g.net/jobs/css/e_buttons.htm), чтобы сделать то же самое.

Или

Использование Scriptaculous (http://script.aculo.us/), если вы хотите иметь любитель приурочено замирание. Таким образом, вам не придется тратить время на работу с проблемами совместимости с браузером.

+0

К сожалению, тайный угасающий предмет был конкретным запросом, поэтому я не могу его отстраниться. Почему я не получаю проблемы с браузером с Scriptaculous? – Thomas

+0

Со своей библиотеки он уже позаботился обо всех проблемах с совместимостью между браузерами. Его довольно просто попробовать. Просто загрузите и включите scriptaculous js lib на свою страницу и примените эффект затухания. Вы можете посмотреть примеры. Его одна строка кода. – Prachi

+0

Этот эффект (http://wiki.github.com/madrobby/scriptaculous/effect-morph) с CSS, упомянутым ранее, должен быть всем, что вам нужно. – Prachi

Смежные вопросы