javascript - Javascript鼠标悬停按钮 - 链接不起作用, 图像在

Question

我是一名初学者，试图通过编写自己的商业网站来糊弄自己。我有一个页面，其中包含许多使用 javascript 翻转效果编码的按钮。我已将页面临时上传到我的域，以便您可以看到我在说什么。

以下是我获得翻转脚本的一些链接的地址以及有关将它们合并到网页中的一些信息：http ://www.javascript-fx.com/fade_rollovers/ & http://www.javascript-fx.com /fade_rollovers/general_help/help.html

按钮工作得很好，但是当我把它们放在桌子上时，我一辈子都无法正确地调整表格单元格的高度。背景图像将平铺，并且在单元格底部可以看到重复的 4px 背景图像。

然后我尝试了 div，它们在图像/外观方面工作得很好，但现在链接不再起作用了：

      <div style="border: none; background-image: url('spiceracks_off.jpg'); width: 155px; height: 155px;>
            <a href="http://www.redravenwoodwork.com.au"
             onmouseover="JSFX.fadeIn('spiceracks')"
             onmouseout="JSFX.fadeOut('spiceracks')" border="0"><img
             style="border: 0px solid; width: 155px; height: 155px;"
             name="spiceracks" class="imgFader" src="spiceracks_off.jpg"></a></div>

在此之前，它们或多或少都是一样的，只是在td标签中。

Answer 1

在 div 标签样式属性的末尾缺少关闭 "。我认为这将解决您的问题。