我需要 Opera 兼容性方面的帮助 [关闭]

【问题标题】：I need assistance with Opera compatibility [closed]我需要 Opera 兼容性方面的帮助 [关闭]
【发布时间】：2011-10-30 18:22:50
【问题描述】：

在我的网站上，Opera 弄乱了我的主页，但没有其他浏览器在做同样的事情。在此页面上http://www.pearlsquirrel.com/ 随机歌曲下的第一首歌曲总是消失，所以如果有人能帮我解决这个问题，将不胜感激。同样在 Opera 中，当我将鼠标悬停在主页上的缩略图上时，灰色的 div 应该变成黑色的 div。此功能适用于除 Opera 之外的所有其他浏览器。再次，任何帮助将不胜感激，谢谢！

【问题讨论】：

最好提出具体问题，也许使用 jsfiddle/jsbin，而不是让人们访问该网站、查看源代码、找出所有内容的位置/内容等。
我没有看到您在 Opera 12 的测试版本中提到的任何问题 - 您使用什么版本？
如何查看版本？我以前从未使用过 Opera，我只是下载它以确保所有浏览器都与我的网站兼容。

标签： opera

【解决方案1】：

查看您的 javascript：

function boxOffHover(box) {
box.style.background = '#ABABAB';
box.style.color='white';
}

function boxOnHover(box) {
box.style.background ='#404040';
box.style.color='white';
}

还有html：

<div id="box3" align="center"> ...
<div id='box' align='center' onmouseover='boxOnHover(this);' onmouseout='boxOffHover(this);'>

我会指出一些更极端的事情：

1) Opera 11.5x 中确实存在一个错误，无法正确重绘。然而，这不应该让你高兴，因为你的代码很烂。以下是三个主要原因。

2) 使用 css。使用鼠标悬停要简单得多，尤其是与使用 javascript 相比时 - #box:hover { background-color: #404040; }

3) 您需要为 html 元素使用唯一的 ID。这意味着 - 不要在同一个文档中多次使用id="box3。

4) Indent 你的代码。你和其他人会更容易阅读。

【讨论】：

感谢指点！