javascript - 使用 css/jquery 作为链接的背景图片

Question

我有包含背景图片的 div，但我想让该图片可点击并指向某个站点。是否可以在 css 或 jquery 中执行此操作HTML:

<div id="logincontainer">
</div>

CSS:

  #loginContainer {
        -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background: url("http://s3.buysellads.com/1237708/176570-1371740695.gif") 
            no-repeat scroll center center #FF660D;  /*for example */
            border-color: #FFFFFF;
            border-image: none;
            border-right: medium solid #FFFFFF;
            border-style: none solid solid;
            border-width: medium;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            position: fixed;
            min-height:200px;
            right: 0;
            top: 0;
            vertical-align: super;
            width: 100%;
            z-index: 9999999;
        }

这是 http://jsfiddle.net/a39Va/16/

我不确定是否有办法使指向 div 的背景图像可点击？任何建议都会很棒。

Answer 1

只需执行以下操作:

<a href="whereYouWantToGo"><div id="loginContainer'></div></a>

或者您也可以通过 JavaScript 和 jQuery 做到这一点

$('#loginContainer').click(function(e) { <Whatever you want to do here> });