javascript - onmouseover 和 onmouseout 在 Firefox 中不起作用

标签 javascript css firefox onmouseover onmouseout

我正在尝试使用 java 脚本函数更改 CSS 属性,因此此代码在 firefox 中不起作用/在 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 IS HIDDEN TEXT</div>
    </body>
</html>

有什么想法吗?!

最佳答案

尝试显示样式“内联”而不是“紧凑”。

关于javascript - onmouseover 和 onmouseout 在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5526522/

相关文章:

javascript - JS只在刷新页面后起作用

jquery - 如何只为表格中的一个特定列保留水平滚动条?

javascript - 需要有关函数的帮助

html - 如何使用 Foundation 移动和替换下拉菜单中的箭头?

javascript - Paperclip 和 xhr.sendAsBinary

html - 如何用 CSS 连接大写单词?

javascript - Internet Explorer 中的 ACE 代码编辑器问题

javascript - drop EventListener 不起作用

javascript - 这个对象在 promise 中

javascript - 尝试在ElasticSearch中进行查询和汇总,但无法正常工作-Elasticsearch.js客户端