Select-element och lager i IE

Det gamla problemet med att SELECT-element och andra element som baseras på Windows kontroller syns rakt igenom alla lager även om de ligger ovanpå när de renderas i Internet Explorer får ny aktualitet när det dyker upp fler och fler Ajax tillämpningar. Själv kände jag mig tvungen att hitta en elegant lösning på problemet när det dök upp både i en applikation som bygger på ASP.NET Ajax och vid en ändring i menysystemet i MOLiTHO där vi utnyttjar CSS Control Adapters för att rendera menyer om så önskas.

Lösningen på problemet är ofta att dölja alla SELECT-element med hjälp av ett JavaScript när ett lager ska visas. Efter mycket sökande hittade jag en extra elegant lösning på den relativt anonyma sajten Hedgerwow.com.

Här är en länk till sidan med lösningen.

Det fina med just denna lösning är att den är fri från skript, bara CSS och en villkorsstyrd kommentar som ger en IFRAME som utnyttjas när ett lager ska renderas i IE. De tester jag har gjort med CSS-IFRAME lösningen här visade att den även fungerar tillsammans med Atlas Toolkit DragPanel.

IE 7 som kommer inom en inte alltför avlägsen framtid innehåller en bättre lösning på problemet i och med att man där har implementerat nya varianter av de windowsbaserade elementen.

Ett exempel på hur det kan se ut i kod, hämtat från Hedgerwow.com:




 

your content here
 

 


Comment Section

Comments are closed.