The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> full page background image with CSS., Adding Hyperlink to full page background image with CSS.
kl2017
post Oct 30 2017, 08:42 PM
Post #1





Group: Members
Posts: 1
Joined: 30-October 17
Member No.: 26,520
How do I add a hyperlink URL to the image being used as a CSS full page background image?
Where does the url hyperlink get inserted? And what is the correct coding?

<!DOCTYPE html>
<html>
<head>
<style>
body, html {
height: 100%;
margin: 0;
}

.bg {
/* The image used */
background-image: url("index.png");

/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>

<div class="bg"></div>

</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
kl2017   full page background image with CSS.   Oct 30 2017, 08:42 PM
pandy   In your case inside DIV.bg. But why do you use a 1...   Oct 30 2017, 10:14 PM
Christian J   It would be better to replace the DIV with a link,...   Oct 31 2017, 04:53 AM
pandy   Is the link supposed to cover the whole viewport?   Oct 31 2017, 02:01 PM
Christian J   It sounded like the OP wanted the BG image "i...   Oct 31 2017, 02:30 PM
pandy   It did? :unsure:   Nov 1 2017, 02:10 AM

« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 24th April 2024 - 07:23 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC