Was try to make a background image clickable. I used the follow: <a href="http://goggle.com" title="me Consulting" id="range-logo"></a>
as html code and the following:
#range-logo {
background-image:url(http://midwaycinema7.com/wp-content/uploads/2015/12/home-specialism-section-2.jpg);
display:block;
height:600px;
width:1240px;
}
as CSS code.
I was able to achieve making the background image clickable but the image in repeated which is not what I wanted. I want the image be full screen without repeating on any device (responsive)
. A code to achieve that will be helpful . Thanks in advance.
JSFiddle: https://jsfiddle.net/qfpqdzk2/
PS: Trying to implement this on wordpress.
please check this link: https://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-clickable-link/