我需要Opera兼容性帮助

Question

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

Answer 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你的代码。你和其他人阅读起来会容易得多。