CSS image hover problem in Chrome and IE -
There is a problem displaying hidden image on mouse over an image using CSS hover in Chrome and IE, but it Here's my link right here in Firefox: https://www.solarisdutamas.com/fb/Elvieloon/welcome1.php Here's my coding: Please help, thank you. Instead of visibility it ... P.S. Inside the statement, both lines work the same, the filter below, just the IE method to do it.
& lt; Html & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-style-type" content = "text / css" /> & Lt; Link rel = "stylesheet" type = "text / css" media = "screen" href = "css-hover.css" /> & Lt; / Head & gt; & Lt; Title & gt; Alvin Loon & lt; / Title & gt; & Lt; Meta Content = "Professional Makeup Artist and Hairstylist" name = "Description" & gt; & Lt; Style type = "text / css" & gt; .over .pic1 {display: none; Visibility: hidden; } .over: hover .pic1 {display: inline; Visibility: visible; Status: Completed; Top: 250px; Left: 100px; Z-index: 11; } & Lt; / Style & gt; & Lt; Body Style = "Margin: 0 px; width: 520px;" & Gt; & Lt; Img src = "Landing-Page .jpg" usemap = "# fly1map" /> & Lt; One class = "over" & gt; & Lt; Map name = "fly 1 map" & gt; & Lt; Area shape = "poly" cors = "387,33 9, 4, 33, 365,416,376,425,395,371,393,391,369,387,339" href = "" & gt; & Lt; / Map & gt; & Lt; Img src = "pic-1.png" class = "pic1" & gt; & Lt; / A & gt; & Lt; / Body & gt; & Lt; / Html & gt;
#in something: hover {Fuzzy: 1; // 100% Opacity filter: Alpha (Opacity = 100); } #details {opacity: 0; // 0% opacity filter: alpha (opacity = 0); }
Comments
Post a Comment