Question

大家好：我有一个＆＃34;帮助按钮＆＃34;我想要在我页面的右上角。我的帮助按钮是一个带链接的图像，我使用jQuery在悬停时更改图像。我将图像类放在链接类中，并将链接类放在绝对定位的div中。

它就像IE中的魅力一样，但在Firefox，Safari和Chrome中，没有链接，图像也没有变化。我怀疑我可能搞砸了定位，但是怎么样？

我只是一个初学者，所以如果可以，请像我五岁那样解释。而且我不知道相关的是什么，所以这就是整个肮脏的生意。非常感谢您给我的任何帮助！

CSS

#help-me {
    position:absolute;
    top: 0px;
    right: 0px;
    height: 169px;
    width: 225px;
    z-index: 0;
}
.help-button {
    position: relative;
    border: 1px pink solid;
    height: 100%;
    width: auto;
    display: block;
    z-index: 2;
}
.rollover {
    border: 1px black dashed;
    height: 169px;
    width: 225px;
}

HTML和jQuery

<div id="help-me">
    <a href="#" class="help-button"><img src="ticket-bubble_off.gif" class="rollover"/>&nbsp;</a>
</div>

<script src="http://code.jquery.com/jquery-1.4.4.min.js"    type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("img.rollover").hover( 
        function() { this.src = this.src.replace("_off", "_on"); }, 
        function() { this.src = this.src.replace("_on", "_off"); }
    );
}); 
</script>

跨浏览器混淆：绝对定位，显示：块和jQuery

0 个答案: