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:

  & 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;   

Please help, thank you.

Instead of visibility it ...

  #in something: hover {Fuzzy: 1; // 100% Opacity filter: Alpha (Opacity = 100); } #details {opacity: 0; // 0% opacity filter: alpha (opacity = 0); }   

P.S. Inside the statement, both lines work the same, the filter below, just the IE method to do it.

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -