Shulou(Shulou.com)06/03 Report--

This article is mainly about "how to solve the bug of jquery-multiselect in ie6". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to solve the bug of jquery-multiselect in ie6.

When using jquery-multiselect (a control that transforms a drop-down box into a multi-selection control with checkbox), it would normally look like this:

And in ie6, it looks like this:

One of the first bug references' opaque png pictures in ie6 'can be solved.

When debugging the second bug, it is found that the height of the div with the background color is actually normal, not just a little bit, it looks like it is covered by the white background of "deselect all", but in fact they do not set the background. It becomes normal after setting the height of div to a certain value.

The strangest thing is the third bug, only the first option has no background color, and the later options have both. After debugging, it is also determined that the first option does trigger the corresponding event, and the. Hover... is normally added to set the background. Class, there is no special treatment for the first option in the js code, and there is no relevant reference on the Internet. Demo, which is downloaded from the official website, has the same problem running in IE6.

Try to. Hover... Class to change the border color to eye-catching red, found that when the mouse slipped out, except for the first option did not see the red border, all the other options only look like the left border is red, like this, so I wonder if it is because it thinks the width is 0, give .hover. After adding a width value to the class, it is normal to try width:100%; again. I hope it's settled.

At this point, I believe you have a deeper understanding of "how to solve the bug of jquery-multiselect in ie6". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.