WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] [Plugin: jQuery Colorbox] ColorBox border not displaying in IE6

[Resolved] [Plugin: jQuery Colorbox] ColorBox border not displaying in IE6

  • Hello,

    Iam using ColorBox v1.3.9 and using css downloaded from the extract, Everything is working fine exception the border of the colorbox is not displaying in IE6.

    I even included following in colorbox.css

    .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderTopLeft.png, sizingMethod=’scale’);}
    .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderTopCenter.png, sizingMethod=’scale’);}
    .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderTopRight.png, sizingMethod=’scale’);}
    .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderBottomLeft.png, sizingMethod=’scale’);}
    .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderBottomCenter.png, sizingMethod=’scale’);}
    .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderBottomRight.png, sizingMethod=’scale’);}
    .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderMiddleLeft.png, sizingMethod=’scale’);}
    .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/colorBox/internet_explorer/borderMiddleRight.png, sizingMethod=’scale’);}

    Can anyone please help me in solving this.

    Regards,

    Sandeep Kumar

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,
    the AlphaImageLoader needs an absolute, not a relative path to work.
    You’ll need to add your URL and the path to the colorbox-plugin.

    Example:

    .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.my-website.com/wordpress/wp-content/plugins/jquery-colorbox/themes/theme1/images/internet_explorer/borderMiddleRight.png, sizingMethod=’scale’);}

    I’ll update my plugin with the current version of Colorbox soon.

    Cheers,
    Arne

    My solution for fancybox was to create a PHP page added IE style-sheet with <?php bloginfo(‘template_directory’); ?> to get relative path :::

    I then pulled this custom php script into my header with :::
    <!–[if IE]>
    <?php $includes_path = TEMPLATEPATH . ‘/includes/fancybox/’;
    require_once ($includes_path . ‘ie-css.php’); // fancybox css for IE into header ?>
    <![endif]–>

    Hope this helps :::

    I just updated my plugin, now the Colorbox library 1.3.9 is included.

    Hope that solves your problems.
    Cheers,
    Arne

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] [Plugin: jQuery Colorbox] ColorBox border not displaying in IE6’ is closed to new replies.
Skip to toolbar