2014-01-13 2 views
1

Я настраивал кнопки лайтбокса Colorbox на this page (щелкните изображение для загрузки).Safari 7 не отображает фоновые изображения на кнопках Colorbox

Есть серые кнопки (две стрелки и X), которые не отображаются в Safari (7.0.1), но отображаются в Chrome и Firefox.

Использование веб-инспектора для изменения фона на цвет также не влияет.

CSS одной кнопки:

#cboxNext { 
position: fixed; 
top: 47%; 
right: 18px; 
width: 22px; 
height: 32px; 
background: url("buttons.png"); 
background-position: -42px 0; 
background-repeat: no-repeat; 
background-color:white; 
} 
  • .png спрайт файл и таблицы стилей в той же директории.
  • Обновление до последней версии Colorbox не помогло (я вернулся к старой версии).
  • Я прочитал here, что Safari в прошлом имел проблему с ярлыком фона синтаксис, следовательно, длинная форма.

Любая помощь очень ценится!

ответ

1

Исправлено.

Позиция: фиксированные кнопки были дочерними элементами контейнера, который имел переполнение: скрыто. В отличие от других браузеров, Safari, казалось, скрывала кнопки внутри своего родителя.

+0

Спасибо, это немного меня насторожило, также случается в хроме. – Jim

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