WordPress.org

Ready to get started?Download WordPress

Forums

Scrollarama
[resolved] Getting gray background and seeing the list of items in IE7 (4 posts)

  1. evandunn
    Member
    Posted 3 years ago #

    Thanks for the plugin, its been the only one so far that I've been able to get a category specific news ticker with.

    I've removed the output of the image and the excerpt, since all I need is the title with a link to it's article. The problem is, in IE7, I'm getting a dark grey background behind the widget area, that changes color when the slider fades each item in and out.

    When it first loads the page in IE7, it is transparent as it should be. Then it finishes loading the page and inserts this color.
    In Firefox and Chrome, the background of the box is successfully transparent.

    Additionally in IE7, when it first loads the page, I can see an extra line below the title that consist of the title for the second item in the slideshow. Once the page finishes loading it is hidden as it should be, but this jitter is problematic.

    I know I've hacked apart some of the display of your plugin, but any insight to getting the jquery cycle to play nicely with IE would be greatly appreciated.

    http://wordpress.org/extend/plugins/scrollarama/

  2. evandunn
    Member
    Posted 3 years ago #

    Ok, so I've solved half the problem. Editing the scrollarama.php $pr_output on line 192 to include cleartypeNoBg: true fixed the background color problem, but in IE7, it's still loading the entire list of titles visibly over my content before the fading clicks in. I've tried adding specified heights to the container divs and setting the overflow to hidden, but they still render on top.

  3. maltpress
    Member
    Plugin Author

    Posted 3 years ago #

    Do you have a link so I can take a look?

    It's possible that you'll need to add something like this to the CSS (not in line, it'll need to be in the header)...

    .pr_single_story {
       display: none;
    }

    ...but I'll need to take a quick look to confirm that.

    Sorry for the delayed reply, by the way!

  4. evandunn
    Member
    Posted 3 years ago #

    Ahha!

    The problem was that the interior div had been given a position:relative css setting. This meant that in IE7, the overflow:hidden was being ignored.

    I'm sure there is a reason for the position to be relative if you are using it with an image,but since all I need is the title, I removed this style and it works perfectly.

    Thank you so much for your reply. Amazing plugin!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic