开发者

onmouseover and onmouseout don't work in firefox

开发者 https://www.devze.com 2023-02-21 21:23 出处：网络

I\'m trying to change a CSS attribute by using a java-script function so This code is not working in firefox / works with Safari/Chrome

相关专题：css firefox javascript onmouseout onmouseover

I'm trying to change a CSS attribute by using a java-script function so This code is not working in firefox / works with Safari/Chrome

<html>
    <head>
        <style type="text/css">
         #hide {
            display: none ;
         }
        </style>
    </head>
    <body>
         <div onmouseover="document.getElementById('hide').style.display = 'compact';" onmouseout="document.getElementById('hide').style.display = 'none';" >
            Move Over Mouse here
         </div>
         <div id="hide"> THIS I开发者_如何学编程S HIDDEN TEXT</div>
    </body>
</html>

Any Ideas ?!

Try display style 'inline' rather than 'compact'.