| Author |
Message |
|
jldnmoc
Joined: Tue May 31, 2011 12:07 am
Posts: 2
|
 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 |
|
|
|
twicejr
Joined: Thu Jun 02, 2011 3:19 am
Posts: 8
|
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 |
|
|
|
prosbaer
Joined: Fri Jun 17, 2011 12:47 am
Posts: 3
|
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 |
|
|
|
Tonttu
Joined: Sat Aug 21, 2010 11:12 am
Posts: 220
|
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 |
|
|
|
prosbaer
Joined: Fri Jun 17, 2011 12:47 am
Posts: 3
|
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 |
|
|
|
Tonttu
Joined: Sat Aug 21, 2010 11:12 am
Posts: 220
|
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 |
|
|
|
prosbaer
Joined: Fri Jun 17, 2011 12:47 am
Posts: 3
|
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 |
|
|
|
joeybiggs
Joined: Sun Nov 06, 2011 10:06 am
Posts: 1
|
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 |
|
|
|
webaware
Joined: Mon Apr 11, 2011 4:54 pm
Posts: 53
|
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 |
|
|
Forums
