Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

The ie6-mask wrapper must die! #6

lojjic opened this Issue May 21, 2010 · 3 comments


None yet
3 participants

lojjic commented May 21, 2010

As a workaround for IE6's lack of support for transparent borders, the target element's children are wrapped within a custom "ie6-mask" element in order to hide the element's native border. This works ok for the most part, but has some serious drawbacks:

  1. The DOM is invasively modified. We're mucking with the parent-child relationship, which could cause other scripts relying on that relationship to fail.

  2. Pulling elements out of the DOM and inserting them elsewhere has been known to cause problems in IE6, such as form elements losing their state.

  3. Elements which do not and can not have children, such as form controls, images, etc. will fail.

A better solution must be found. It's possible that this could be done with a filter, like a chromakey or something fancy with compositor.

It's also possible to do this by reducing the border width to zero and increasing the padding by the same amount, however this causes other problems: it could cause other scripts which rely on the element dimensions (e.g. animations) to fail, and it would fire an onresize event which could cause an infinite loop.

Other ideas would be greatly appreciated.

Chromakey with a specific weird color might be the only real choice afaik

jrt324 commented Jul 2, 2013

the ie6-mask wrapper make some trouble for my project, do you have any plan to improve this feature?


lojjic commented Jul 2, 2013

@jrt324 I don't know of a better solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment