ColorBox "Нажмите, чтобы закрыть" - не видно - # FFF Text? - PullRequest
Новая
       1

ColorBox "Нажмите, чтобы закрыть" - не видно - # FFF Text?

0 голосов
/ 28 апреля 2011

Я не могу отобразить мой текст ОКНО ЗАКРЫТЬ. Может ли это быть белым где-то?!

По словам разработчика, «CLose» должен быть правильным значением для изменения. 

transition: "elastic",
    speed: 300,
    width: false,
    initialWidth: "600",
    innerWidth: false,
    maxWidth: false,
    height: false,
    initialHeight: "450",
    innerHeight: false,
    maxHeight: false,
    scalePhotos: true,
    scrolling: true,
    inline: false,
    html: false,
    iframe: false,
    photo: false,
    href: false,
    title: false,
    rel: false,
    opacity: 0.9,
    preloading: true,
    current: "image {current} of {total}",
    previous: "previous",
    next: "next",
    close: "Click to Close Window",
    open: false,
    returnFocus: true,
    loop: true,
    slideshow: false,
    slideshowAuto: true,
    slideshowSpeed: 2500,
    slideshowStart: "start slideshow",
    slideshowStop: "stop slideshow",
    onOpen: false,
    onLoad: false,
    onComplete: false,
    onCleanup: false,
    onClosed: false,
    overlayClose: true,     
    escKey: true,
    arrowKey: true

Это живой пример: (НАЖМИТЕ КРАСНЫЕ кнопки) http://whiterhino.us/aspire_setup/

Сайт разработчиков ColorBox: http://colorpowered.com/colorbox/

1 Ответ

3 голосов
/ 28 апреля 2011

text-indent на модальной кнопке закрытия установлен на -9999px; Так что происходит то, что текст смещается так, что элемент виден только для изображения. Я предполагаю, что это предназначено.

Причиной этого будет то, что почти все в мире увидят изображение «х» и знают, что должны щелкнуть по нему, чтобы закрыть окно, но для тех немногих, кто использует программы чтения с экрана или с нарушениями зрения, программа чтения с экрана будет по-прежнему читать "Нажмите, чтобы закрыть окно".

Если вы действительно хотите увидеть текст (он будет выглядеть грязным), удалите правило CSS, которое выглядит следующим образом: 

#cboxClose {
    text-indent: -9999px;
}
...