title: Checkbox Label Image:hover?
body: <p>I need a glowing background to the images that are displayed when you :hover the image. But I'm not sure whether you can or my selector is incorrect..?</p>
  
  <pre><code>                else {
                      $label = '&lt;label&gt;';
                      $label2 = '&lt;/label&gt;';
                      $check = '&lt;input class="check" type="checkbox" name="checkbox[]" value="'.$value.'"&gt;';
                      $value1 = $value;
                  }
  
                  echo $label.$check.$cards[$value1].$label2;
              }
  </code></pre>
  
  <p>So that is how my label displays the image of the card, which it does perfectly and displays a checkbox underneath the card. As well as the card being clickable.</p>
  
  <pre><code>.check {
      position: absolute;
      margin-left: 50px;
      margin-top: 215px;
  }
  
      .check img:hover {  
          box-shadow: 0px 0px 10px rgba(0,200,0,0.8);
      }
  </code></pre>
  
  <p>But I cannot seem to get a selector to target the image, to produce this outer glow effect, or more preferably overlay a green image over the image with a transparancy of about <code>30%</code>, how is it one is able to select the image of the label?</p>
  
  <p><code>&lt;label&gt;&lt;input class="check" type="checkbox" name="checkbox[]" value="'.$value.'"&gt;&lt;/label&gt;</code></p>