Add URL link in CSS Background Image?

Question

I have a CSS entry that looks like this:

.header {
    background-image: url(\"./images/embouchure.jpg\");
    background-repeat: no-repeat;
    height:160px         


        

Answer 1

Try wrapping the spans in an anchor tag and apply the background image to that.

HTML:

    
        My gray sea design

        A beautiful design
    

CSS:

.header {
    border-bottom:1px solid #eaeaea;
}

.header a {
    display: block;
    background-image: url("./images/embouchure.jpg");
    background-repeat: no-repeat;
    height:160px;
    padding-left:280px;
    padding-top:50px;
    width:470px;
    color: #eaeaea;
}