开发者

Jquery script to make background clickable

I am skinning a si开发者_如何学运维te with an ad, and I want to make the entire ad clickable. The ad takes up the entire background (body) as shown below

body {
background-attachment:scroll;
background-color:#000000;
background-image:url("http://gunshyassassin.com/wp-content/uploads/2010/10/gunshy_takeover2OUTNOW4.jpg");
background-position:center top;
background-repeat:repeat-x;

I have used css to absolutely position the anchor, but it won''t work due to the size of the background. I am looking for a jquery script that basically says:

when you hover over the background, turn the pointer into a curser. If you click anywhere on the background, go to this link: http://google.com. BUT, if you hover over the main container, (a child of the body, obviously), disable the hover and link.

Any ideas?


Impossible the way you describe it, try positioning a new banner (display: block, position: absolute; top: ..px, left: 50%; margin-left: -bannerwidth/2px;) absolute in the body


I would create a div that (as Koen said) is absolute positioned at 0,0 and fills the screen and then add a click handler to that:

$("#fullpageadvert").click( function() {
  do stuff;
});


There is no way to do so. But you can add a dummy absolute div on the background:

#dummy{
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0px;
   right: 0px;
   z-index: -1;
}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜