I am using PIE 2.0 beta, primarily to get border-radius styles working in IE7 and IE8. I have position: relative specified on my button elements as recommended by the z-index known issue FAQ.

In IE8, everything seems to work just fine.

In IE7 (and IE8 in Compatibility mode), it seems that sometimes (often) the background is 'hidden' until you hover on the element, and then it pops into view (and sticks around). I use both <a> and <input> elements for my buttons, and the issue seems to affect both.

One example is at https://www.cellartracker.com/adduser.asp. In the bottom right, there should be a big red button that says "Submit and Create My Account". In IE7, you don't see the button or the text (since without the background, you have white text on a white page). If you hover the mouse over the space where the button should be, the background pops into view.

I'm sure it's something simple I'm missing -- any ideas?

Thanks,Dan

Thu May 16, 2013 12:53 pm

dpolivy

Joined: Thu May 16, 2013 12:46 pmPosts: 3

Re: Background is not visible until hovering on element in I

Jason, any thoughts on this one?

Thu Jun 20, 2013 10:45 am

jason

Joined: Wed Jul 14, 2010 11:46 amPosts: 1451

Re: Background is not visible until hovering on element in I

I don't have time to look into this at the moment, but perhaps -pie-poll would help?

Sat Jun 22, 2013 11:36 am

setsailmedia

Joined: Fri Jul 26, 2013 3:35 pmPosts: 2Location: Duluth, Minnesota

Re: Background is not visible until hovering on element in I

Hi, I was able to resolve the same problem you describe in my own site. For me, the problem was with Typekit rendering web fonts and that conflicting with PIE. To fix, you will need to use jQuery to detect the browser, and in IE8 and older, wait until the DOM is loaded to fire Typekit (or your web font rendering engine).

Just another note that I *did* add pie-poll as Jason suggested, not sure whether this had any helpful impact - the true fix was firing Typekit after the DOM loaded, but you may want to experiment with adding this CSS declaration to the affected elements:

Code:

-pie-poll:true;

Fri Jul 26, 2013 3:42 pm

dpolivy

Joined: Thu May 16, 2013 12:46 pmPosts: 3

Re: Background is not visible until hovering on element in I

Thanks for the feedback! Just to test, I tried fully removing my webfont script from the page, but I didn't notice any difference in the issue here. I'm not using the web fonts on the buttons in question -- perhaps that's the difference between our scenarios?

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forumYou cannot reply to topics in this forumYou cannot edit your posts in this forumYou cannot delete your posts in this forumYou cannot post attachments in this forum