CodePen

HTML

            
              <div class="logo">
  <a href="#"></a>
  <img src="http://placekitten.com/300/200" alt="Logo">
</div>
            
          
!
via HTML Inspector

CSS

            
              body { text-align: center; padding-top: 30px; }

.logo { 
  border: 1px solid #CCC;
  display: inline-block;
  position: relative;
}

a { 
  background: rgba(0,255,0,0.2);
  position: absolute;
  left: 0; top: 0;
  height: 50%; width: 100%;
}

img { display: block; }
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................