如何使整个背景图像可以点击div？

Question

我在parent div添加了背景图像div宽度是100%当你点击div时我做了重定向（一切正常）但是我想重定向div只有当你从左到右点击100px; 例如这里是小提琴我用背景图像调用div，每当我点击它被重定向的div的任何部分。 但我的问题是，我只想在100px;内从左到右点击图像时重定向100px; 是否有可能实现任何建议都会很好。 http://jsfiddle.net/a39Va/25/

$('#loginContainer').click(function(e) { 

    window.open('http://google.com');
});

谢谢。

Answer 1

尝试以下（ http://jsfiddle.net/a39Va/31/ ）

 <div id="loginContainer">
      <div class="clickable"></div>
    </div>

CSS

.clickable{
    width:100px;
    height:100%;

}

JS

$('.clickable').click(function(e) { 

    window.open('http://google.com');
});

Answer 2

最合适的做法是使用image map

它可以帮助您定义需要特定可点击区域的特定区域。 您可以通过定义区域的坐标来定义任何形状的区域。

请在这里查看更多详情

Answer 3

尝试这个

$('#loginContainer').click(function(e) { 
  if(e.pageX < 100)
    window.open('http://google.com');
});

Js Fiddle演示

Answer 4

试试这个JSFiddle

HTML

 <div id="loginContainer">
     <div class="clickable">
     </div>
   </div>

CSS

.clickable{
    width:100px;
    height:100%;
    cursor:pointer;
}

JS

$('.clickable').click(function(e) { 

    window.open('http://google.com');
});