Forums
|
|
No rounded corners on "PIEd" Divs, but flickering on hover
Author |
Message |
Anathema
Joined: Tue Oct 19, 2010 10:40 am Posts: 40
|
 Re: No rounded corners on "PIEd" Divs, but flickering on hov
I'm glad you got it working for IE7. I took a look at the code you posted and tried to get it working for my machine (Windows 7 x64) and got a working example for IE8
.TestDiv { background-color:white; padding:15px; border: 1px solid #aaa; overflow:hidden; margin-bottom:15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, 0% 0%, 30% 0%, from(#EDE8EE), to(white)); background: -moz-linear-gradient(left, #EDE8EE, white); /* for firefox 3.6+ */ -pie-background: linear-gradient(left, #EDE8EE, white); position:relative; behavior: url(PIE/PIE_uncompressed.htc); }
<div class="TestDiv" style="width:100px;">This is a test</div>
That worked like a charm. I would try and see if that works as I know it does, and then go from there.
|
Wed Oct 27, 2010 1:00 pm |
|
 |
ncr
Joined: Mon Oct 25, 2010 2:36 pm Posts: 8
|
 Re: No rounded corners on "PIEd" Divs, but flickering on hov
Great, thanks, I will test that! However, the problem could be related to parent containers I suspect. That box is nested within 5 other containers or so on my page. Although none of them has a z-index set.
Nico
|
Wed Oct 27, 2010 1:28 pm |
|
 |
ncr
Joined: Mon Oct 25, 2010 2:36 pm Posts: 8
|
 Re: No rounded corners on "PIEd" Divs, but flickering on hov
Ah, yes, seems to work. I think the IE8 modus of IE9 that I'm using doesn't work properly. My colleague just tested with a "real" IE8 and it works fine!
|
Wed Oct 27, 2010 1:43 pm |
|
|
Who is online |
Users browsing this forum: No registered users and 2 guests |
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot post attachments in this forum
|
|