html - Google chrome bug? -
When I click on an option from a selection tag, the other div becomes the hover state. It's only happening with Windows 8, 7 and XP under Google Chrome. This is a good thing in Chrome for Mac. Firefox, Safari and IE in Windows ... even in IE8!
& lt; Div class = "wrapper" & gt; & Lt; Div class = "menu" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; One square = "hide" href = "" & gt; Menu 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; One class = "hide" & gt; Menu 2 & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; One class = "hide" & gt; Sub menu 1 & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub-item 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub-item 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub-item 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; One class = "hide" & gt; Sub menu 2 & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub-item 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub item 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub-item 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub Item 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub Item 5 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; One class = "hide" & gt; Sub menu 3 & lt; / A & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub-item 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub item 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub menu 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub menu 5 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Sub menu 6 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Table width = "100%" & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Select Category = "Combo Letter 11" style = "width: 80px;" & Gt; & Lt; Option selected = "selected" value = "__" & gt; Choose 01 & lt; / Option & gt; & Lt; Option value = "01" & gt; ASD 01 & lt; / Options & gt; & Lt; Option value = "02" & gt; ASD 02 & lt; / Options & gt; & Lt; Option value = "03" & gt; ASD 03 & lt; / Options & gt; & Lt; Option value = "04" & gt; ASD4 & lt; / Options & gt; & Lt; Option value = "05" & gt; ASD 05 & lt; / Options & gt; & Lt; / Select & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Select Category = "Combo Letter 11" style = "width: 120px;" & Gt; & Lt; Option selected = "selected" value = "__" & gt; 02 Select & lt; / Option & gt; & Lt; Option value = "M3" & gt; Option 1 & lt; / Options & gt; & Lt; Option value = "AR" & gt; Option 2 & lt; / Options & gt; & Lt; Option value = "aa" & gt; Option 3 & lt; / Options & gt; & Lt; Option value = "AU" & gt; Option 4 & lt; / Options & gt; & Lt; Option value = "AV" & gt; Option 5 & lt; / Options & gt; & Lt; Option value = "g3" & gt; Option 6 & lt; / Options & gt; & Lt; / Select & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; & Lt; / Div & gt; I have an example where you can see that if you select "02" second tag and click on the third option, then hover to "Menu 2" status Active is.
Well, I was able to create a workaround for it. On the basic element of the menu, put the following:
onmouseover = "document.getElementById ('ID of ID'). Style.zIndex = '1';" Onmouseout = "document.getElementById ('Id of Id'). Style.zIndex = '-1';" Then on the next element of that element, referenced back to: onmouseover = "document.getElementById ('UL of ID'). Style.zIndex = '-1'; " The onmouseout = "document.getElementById ( 'id id'). Style.zIndex = '1';" Of course, the composition of that page There may be a slight change on the basis that you are using. But basically the menu should have z-index of -1, when you are not using it. Do not forget that you will need a situation or complete;
No, but I have spent only 20 hours in an attempt to solve it, and I could not find anyone who complains about it is a cleaner solution.
Comments
Post a Comment