How to add link to a background image

1

I have added a image before a div named route-container through css

.route-container::before {
    content: "";
    display: block;
    background: url('https://example.com/banner/728x90.jpg') no-repeat;
    width:100%;height:100px;margin-top:30px;margin-left:15px;
}

which shows the image before the div.
I want to give a link to image through css by clicking the image it takes the user to another tab, is it possible?

2

No, .route-container or an element that is a sibling of it would need to be a link (and CSS sibling selectors would need to be used in that case). HTML elements can be interactive, elements created in CSS cannot.

3

Actually there is no chance to add html tag in a file which I am editing, so only way to show the image is that I can add the image before the div using ::before . I have to show the image before the div so I uses ::before to show the image

4

No link then, you can’t create a link without being able to change the HTML.

5

Ok, there is no solution to it?

6

Change the HTML, if you cannot do that, then no: you cannot change how a web page fundamentally works using CSS, you can only change how it looks visually.

1 Like
7

Ok, thanks for your help… :slightly_smiling_face: