javascript - ColorBox "CLick to CLose"- 不可见 -#FFF 文本？

Question

我无法显示“关闭窗口”文本。难道某处是白色的吗？!

根据开发人员的说法，“关闭”应该是要更改的正确值。

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/

Answer 1

模态关闭按钮上的 text-indent 设置为 -9999px; 所以发生的情况是文本被从元素上移开，以便只有图像是可见的。我认为这是有意为之的。

这背后的原因是，世界上几乎每个人都会看到“x”的图像，并知道他们应该单击它来关闭该框，但对于少数使用屏幕阅读器或视力受损的人来说，屏幕阅读器仍会显示“单击关闭窗口”。

如果您确实想查看文本(它看起来很脏)，请删除如下所示的 CSS 规则:

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