:before and :after elements on an img element

BeemhisyOpips

New Member
Is it possible to use before and after psuedo selectors on an img element? Thought it was but not having any luck, switched the css over to a div and it works fine. The \[code\].page-overhang\[/code\] class is the img element.\[code\]// page overhang mixin@mixin overhang { &:before, &:after { position: absolute; left: 0; display: block; width: 10px; height: 18px; background: url(../images/sprite.png) no-repeat; content: ""; } &:before { top: -18px; background-position: 0 -100px; } &:after { bottom: -18px; background-position: 0 -119px; }}/* scss file */.page-overhang { position: relative; display: block; @include overhang();}\[/code\]
 
Back
Top