how do i add a link to a background image on html body tag
Question
on this page i have a background image on the <body> tag and i'm wondering if it's possible to add a link to it so it clicks through to something.
if this isn't possible, how would i add a wrapper <div> that would be hyperlinked?
<body id="index">
</body>
body#index {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-image: url(//) !important;
background-size: cover;
background-repeat: no-repeat;
background-color: transparent !important;
background-position: center;
width: 100%;
height: 100%;
1 answers
solution1
0 ACCPTED 2015-04-13 04:16:28
check if this is what you want
<body id="index">
</body>
CSS
body#index {
background-color: red !important;
width:100vw;
height: 100vh;
}
Jquery
$('body').click(function () {
location.href="http://www.google.com";
})
try this
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How do I apply a different background image to the <html> tag?
How do I add a background image on my DIV tag with CSS
How do i rollup background image of body?
How do I add a javascript variable to HTML image src tag
How do I add html link to image title
How do you add a background image in the margins and top of the page behind the body? (Html, Css)
How can I make an svg a background image with the body tag?
When I set background-image for body tag, it's like I've done that for HTML tag
How do I add background to an anchor tag?
How do I make a sliced image the background-image of the body?
Related Tags