这是我的网页网址。在此页面推荐部分中,我使用 javascript 编码来实现 div 的鼠标悬停和鼠标移出效果。它在 chrome 中运行良好。但是在 Firefox 中,当我们将鼠标悬停在推荐的部分上时,它会在 div 中触发字体。我不知道我在编码中犯了什么错误。
http://sample.com/domain.php?id=1&mview=48
推荐页面的编码:
<div id="mydiv" style="background:whitesmoke;height: 110px; width: 230px;margin-top: -20px;" onmouseover="this.style.background='white';this.style.border='1px outset whitesmoke';this.style.textDecoration='line-through';" onmouseout="this.style.background='whitesmoke';this.style.border='none';">
<div style="float: left;margin-top: 10px;margin-left: 5px;"><img src="upload/<?php echo $recommendimg['choice_image'] ?>" width="100" height="80"/></div>
<div style="float: right; width: 110px;margin-top: 10px;height:95px;">
<a id="pollnamerecompoll" href="pollpage.php?id=<?php echo $recommendedimgid; ?>&mview=<?php echo $mviews;?>">
<div style="font-size: 12px;font-weight: 600;">Best <?php echo $recommendedrow['poll_name'] ?></div>
</a>
<a id='pollnamerecompoll' href='cusersprofile.php?oud=<?php echo $useridrec; ?>'>
<div style="margin-top: 10px;font-size: 11px;">By <?php echo $getuserrec['first_name']; ?></div>
</a>
<div style="width: 110px;margin-top: 10px;">
<div style="float:left;font-size: 11px;"><?php echo $mviews; ?> views</div>
</div>
</div>
</div>
任何人都可以请帮助解决这个问题。提前致谢