Make a whole div clickable with working :active css rule in IE10

Question

I\'m designing a clickable panel for an html app which contains multiple text elements and images.

From what I understand this is generally done with a div. Somethin

Answer 1

I overlay the the element using :after so that children are not clickable.

.myButton:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}