How to change a Div background url which is inside a link tag?

Question

I have a div tag with a background image, inside a link tag. What I want to do is highlight or change the relevant background image of the div tag once clicked it.

<td>
  <a href="../pages/index.php">
    <div id="dashboardDiv" 
      style="background:url(../images/home.png) no-repeat center";)>
    </div>
  </a>
</td>
<td></td>

CSS:

#dashboardDiv{
    border:thin;
    float:left;
    height: 133px;
    width: 133px;
}

This doesn't seem to have anything to do with php? - Also, show us what you have tried — Epodax, Sep 12 '16 at 09:03
I added the css and html code used for this on above. Thanks in advance. Please help me as I am new to programming. — EKBG, Sep 12 '16 at 09:05
Related - http://stackoverflow.com/questions/14202856/background-image-for-visited-links — Paulie_D, Sep 12 '16 at 14:10

Guglie · Accepted Answer · 2016-09-12T10:25:55.457

1

You can style the visited link:

a:visited > #dashboardDiv {
    background-image:url(NEW_URL_HERE) !important;
    /*you can remove !important if you don't style the div inline*/
}

If you want the background to change only when the link is clicked you can use the CSS :clicked pseudoclass instead.

edited Sep 12 '16 at 10:25

answered Sep 12 '16 at 09:24

Guglie

2,121
1
24
43

Thank you for the response. – EKBG Sep 16 '16 at 21:09

How to change a Div background url which is inside a link tag?

1 Answers1