WordPress.org

Ready to get started?Download WordPress

Forums

jQuery Colorbox
[resolved] ColorBox border not displaying in IE6 (4 posts)

  1. sandeepthatikonda
    Member
    Posted 3 years ago #

    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

  2. techotronic
    Member
    Plugin Author

    Posted 3 years ago #

    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

  3. laudes
    Member
    Posted 3 years ago #

    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 :::

  4. techotronic
    Member
    Plugin Author

    Posted 3 years ago #

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

    Hope that solves your problems.
    Cheers,
    Arne

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic