Ссылки работают в Firefox, а не в Chrome

Я работаю над созданием CSS-контейнера «flip», в котором есть ссылки на обратной стороне...

Однако каждый раз, когда я ввожу код ссылки на обратной стороне, ссылки не работают в Chrome, но работают в FireFox.

Вот страница:

http://beta2.thrivemusic.com/artists/

Если вы наведете курсор на «Стив Аоки», изображение перевернется и покажет 3 социальных значка. Социальные иконки должны быть связаны с другой страницей, но эти ссылки не работают в Chrome, только в Firefox...

Любая помощь будет принята с благодарностью, спасибо!


css hyperlink flip cross-browser
person Sam Kim    schedule 28.07.2014    source источник
comment
Разместите образец кода на сайте, например jsfiddle.net, так как ссылка на ваш окончательный сайт станет бесполезной для потомков, как только вы устранили проблему.   -  person Blazemonger    schedule 29.07.2014
comment
Также было бы полезно, если бы вы описали, что означает «не работает»: что вы ожидаете, и что вместо этого происходит на самом деле.   -  person Pointy    schedule 29.07.2014
comment
(Обзор первого вопроса), можете ли вы сократить его до минимального примера кода, который вы можете включить в вопрос?   -  person eckes    schedule 29.07.2014
comment
jsfiddle.net/samkimdesign/A7MZ3   -  person Sam Kim    schedule 29.07.2014

Ответы (1)


arrow_upward
1
arrow_downward

Избавьтесь от backface-visibility на #f1_card или установите его на inherit.

#f1_card {
      backface-visibility: inherit;
}
#f1_container:hover #f1_card {
    transform: rotateY(180deg);
    backface-visibility: inherit;
}
person im_benton    schedule 28.07.2014
comment
Кроме того, измените эти идентификаторы на классы, если они будут повторяться. - person Blazemonger; 29.07.2014
comment
Спасибо, это решило некоторые проблемы, которые я пытаюсь решить! - person Sam Kim; 29.07.2014