RE: [WSG] How to resolve z-index problem for select box in IE 6
Personally I'd just disable the select when the pop-up opens.
By adding a style to the select object so:
.selectHide {display:none}
To hide it when opening the pop-up:
document.getElementById('selectID').className += " selectHide";
To show it again afterwards:
document.getElementById('selectID').className =
document.getElementById('selectID').className.replace(" selectHide",'');
regards
Mike Foskett
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Oliver Boermans
Sent: 28 January 2010 09:01
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] How to resolve z-index problem for select box in IE 6
On 28 January 2010 17:32, Brajesh Patel wrote:
> I am getting Z-index problem in IE 6.
> back ground select box are displaying on the popup when popup appear, it's
> working fine on the firefox but getting problem in IE 6,
> Please suggest solution this is major issue for me.
>
Iframes are the accepted solution for covering select elements in IE 6.
JavaScript is recommended to prevent burdening newer browsers with the
fudgy mark-up.
Something like this makes it easier:
jquery.bgiframe docs [jquery plugin]
http://brandonaaron.net/jquery/plugins/bgiframe/docs/
[the above link it timing out for me right now - should be good though
- maybe worth trying tomorrow if it still doesn't work]
hth
Ollie
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
This is a confidential email. Tesco may monitor and record all emails. The
views expressed in this email are those of the sender and not Tesco.
Tesco Stores Limited
Company Number: 519500
Registered in England
Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL
VAT Registration Number: GB 220 4302 31
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] How to resolve z-index problem for select box in IE 6
Thanks so much for all, I will apply given suggestion. On Thu, Jan 28, 2010 at 2:31 PM, Oliver Boermans wrote: > On 28 January 2010 17:32, Brajesh Patel wrote: > > I am getting Z-index problem in IE 6. > > back ground select box are displaying on the popup when popup appear, > it's > > working fine on the firefox but getting problem in IE 6, > > Please suggest solution this is major issue for me. > > > Iframes are the accepted solution for covering select elements in IE 6. > > JavaScript is recommended to prevent burdening newer browsers with the > fudgy mark-up. > > Something like this makes it easier: > jquery.bgiframe docs [jquery plugin] > http://brandonaaron.net/jquery/plugins/bgiframe/docs/ > > [the above link it timing out for me right now - should be good though > - maybe worth trying tomorrow if it still doesn’t work] > > hth > Ollie > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > -- Thanks Brajesh Patel *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] How to resolve z-index problem for select box in IE 6
On 28 January 2010 17:32, Brajesh Patel wrote: > I am getting Z-index problem in IE 6. > back ground select box are displaying on the popup when popup appear, it's > working fine on the firefox but getting problem in IE 6, > Please suggest solution this is major issue for me. > Iframes are the accepted solution for covering select elements in IE 6. JavaScript is recommended to prevent burdening newer browsers with the fudgy mark-up. Something like this makes it easier: jquery.bgiframe docs [jquery plugin] http://brandonaaron.net/jquery/plugins/bgiframe/docs/ [the above link it timing out for me right now - should be good though - maybe worth trying tomorrow if it still doesn’t work] hth Ollie *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] How to resolve z-index problem for select box in IE 6
Ditto what Michael and Matthew said, it is not a z-index issue, but an IE6 rendering issue > Google for something like "ie6 select iframe" > Google "iframe shim" and you'll find many variations of the same answer. -- Nick *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] How to resolve z-index problem for select box in IE 6
HI Brajesh, It's not exactly a z-index problem, although it's similar. Google "iframe shim" and you'll find many variations of the same answer. HTH, Mike On 28/01/2010, at 6:02 PM, Brajesh Patel wrote: > Hello All, > I am getting Z-index problem in IE 6. > back ground select box are displaying on the popup when popup appear, it's > working fine on the firefox but getting problem in IE 6, > Please suggest solution this is major issue for me. > > Thanks in advance. > > -- > > Brajesh Patel > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] How to resolve z-index problem for select box in IE 6
On Thu, Jan 28, 2010 at 7:02 AM, Brajesh Patel wrote: > I am getting Z-index problem in IE 6. > back ground select box are displaying on the popup when popup appear > It's nothing to do with z-index. Select dropdowns are rendered by the browser's internal system last (as they are system controls), so they don't respect the stacking order. Google for something like "ie6 select iframe" for details of how to fix it with a positioned iframe (as they are the only element that will cover up a select). - Matthew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] How to resolve z-index problem for select box in IE 6
Hello All, I am getting Z-index problem in IE 6. back ground select box are displaying on the popup when popup appear, it's working fine on the firefox but getting problem in IE 6, Please suggest solution this is major issue for me. Thanks in advance. -- Brajesh Patel *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
