2011-04-27 46 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