2011-04-27 48 views
0

我无法让我的CLOSE WINDOW文本显示出来。它可能是白色的吗?!ColorBox“CLick to CLose” - 不可见 - #FFF文本?

根据开发人员“关闭”应该是改变的正确值。

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/

彩盒开发者网站: http://colorpowered.com/colorbox/

回答

3

上的关闭按钮设置为-9999px;模态的text-indent所以发生了什么事是文本正在被元素移开,以便只有图像可见。我认为这是有意的。

在这背后的原因几乎每个人都会看到“x”的图像,并知道他们应该点击它来关闭盒子,但对于少数使用屏幕阅读器或视力受损的人来说,屏幕读者仍然会阅读“点击关闭窗口”。

如果你真的想看到的文本(它会看起来很脏),删除CSS规则,看起来像:

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

感谢。不是我的客户,所以我不能说我的意见(即时第三方)关于愚蠢的“关闭”,但它的支票和方式是唯一的方式,所以要这样做。^_ ^ – Varazi 2011-04-27 22:45:41