Проблемы с перекрестным браузером в пользовательском виджете социального обмена

Question

У меня ужасное время, пытаясь получить специальный виджет социального обмена для работы в моем шаблоне Wordpress.

Что работает с CSSDeck и Dabblet, а также работает в Firefox, не работает в Chrome или Safari, и сейчас я не понимаю, что происходит, или как это исправить.

Чтобы увидеть код в действии, смотрите ссылки ниже:

CSSDeck: http://cssdeck.com/labs/zjc2m9rl Мой живой сайт: http://tinyurl.com/qaddxwm

Можно ли дать какие-либо указатели, почему это не работает в Chrome/Safari?

Есть три проблемы: 1) Значки социального обмена должны быть скрыты при загрузке, но они не работают (работает в Firefox довольно хорошо). 2) Вы должны быть в состоянии скрыть или показать значки социального обмена, нажав на значок общего доступа (работает в Firefox, совсем не работает в Chrome/Safari). 3) Наведите указатель мыши на социальные иконки, чтобы они стали белыми (работает в Firefox, но некоторые даже исчезают в Chrome/Safari).

(пс, если некоторые из моих классов причудливо имени, это потому, что классы в оригинальной Codepen виджет, на котором этот виджет основан в противоречии с существующими классами в моей теме.)

Answer 1

Просто видел его в Chrome и отлично работает для меня, она начинается с иконками скрытых, показывает/скрывает, когда щелчок и изменение цвета при: парить

EDIT:

Найдено проблема в вашей сети, просто добавьте -webkit- префикс для всех преобразование :; Значения в .postsocialshare