Javascript鼠标悬停按钮 - 链接在<div>中不起作用,图像在</div>中无法正确显示

时间:2012-06-05 22:52:33

标签: javascript html css image button

我是一个初学者,试图通过编程我自己的商业网站来混淆我的方式。我有一个页面,其中包含许多按钮,这些按钮使用javascript翻转效果进行编码。我有temporarily uploaded the page到我的域名,以便您可以看到我在说什么。

以下是我获取翻转脚本的部分链接的地址以及有关将其合并到网页的一些信息:http://www.javascript-fx.com/fade_rollovers/&amp; 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标签中或多或少相同。

1 个答案:

答案 0 :(得分:3)

缺少关闭&#34;在div标签样式属性的末尾。我想这会解决你的问题。