Forums
View unanswered posts | View active topics It is currently Fri Oct 24, 2014 11:35 pm



Reply to topic  [ 9 posts ] 
 Round corner issue when hide div 
Author Message

Joined: Tue May 31, 2011 12:07 am
Posts: 2
Post Round corner issue when hide div
Hi,

I set Round corner to a div in IE. Looks everything good.

Then I have a close button in side that div. when I click that button, the div will be hide by using jquery $('#divID').hide().

But after that, the div is hide, but the corner layer still there.

Is that because PIE cant detect the hide operation?

What should I do?


Tue May 31, 2011 12:12 am
Profile

Joined: Thu Jun 02, 2011 3:19 am
Posts: 8
Post Re: Round corner issue when hide div
What happens when you do .style('display','none')?
[edit]
Or by adding a class .hidden?
css:
.hidden{display:none;}

You can experiment with negative index too, eg left:-100000px; position:absolute;


Thu Jun 02, 2011 8:54 am
Profile

Joined: Fri Jun 17, 2011 12:47 am
Posts: 3
Post Re: Round corner issue when hide div
Hi,

I have the same Problem when buidling a mega menu with rounded corners. http://www.sitepoint.com/make-a-mega-dr ... th-jquery/
I've tried both the "class hidden" and the "left: -1000000px" approach, both doesn't work...

Is there any other way to hide/show a div with rounded corners?

thanks in advance,

prosbaer.


Tue Jun 21, 2011 12:21 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: Round corner issue when hide div
Try targeting the element generated by PIE called css3-container or its child elements. Use Firebug Lite in IE to inspect this generated element to get a closer look.

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Tue Jun 21, 2011 2:02 am
Profile

Joined: Fri Jun 17, 2011 12:47 am
Posts: 3
Post Re: Round corner issue when hide div
Hi,

I've installed firebug Lite, and... I see nothing that could cause the problem...

I've attached a Screenshot of the nav-parts, hoping someone else can see what is goig wrong.

thanks in advance

prosbaer


Attachments:
File comment: Screenshot of firebug output
PIE-firebug.png [22.79 KiB]
Not downloaded yet
Tue Jun 21, 2011 3:31 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: Round corner issue when hide div
But did you try hiding the css3-container or the effect elements inside it?

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Tue Jun 21, 2011 10:50 am
Profile

Joined: Fri Jun 17, 2011 12:47 am
Posts: 3
Post Re: Round corner issue when hide div
Hi Tontu,

given that PIE adds the css3 container with the magic as previous sibling of the element, I have to hide it also, okay.


I'l try and report,

many thanx

prosbaer


Tue Jun 21, 2011 11:39 am
Profile

Joined: Sun Nov 06, 2011 10:06 am
Posts: 1
Post Re: Round corner issue when hide div
Yes, this is because PIE cant detect the hide operation.

_________________
Medical Records Clerk


Sun Nov 06, 2011 10:12 am
Profile

Joined: Mon Apr 11, 2011 4:54 pm
Posts: 53
Post Re: Round corner issue when hide div
PIE knows something has changed when it gets a move or a resize event. You need to simulate that by firing one. e.g.

Code:
var div = $('#divID');
div.hide();
if ($.browser.ie)
    div.get(0).fireEvent("onmove");


Yeah, it uses browser sniffing...


Mon Nov 07, 2011 3:19 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 9 posts ] 

Who is online

Users browsing this forum: No registered users and 4 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

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.