> On Sep 30, 2015, at 08:39, Angela French <[email protected]> wrote:
>
> I have the CSS and html below , but it is not displaying the image in the
> rendered page. The path to the image is correct and the image is there. Is
> my syntax correct in the use of the ::after?
>
> …
>
> p.studentredirect::after{
> background-image:url("/_resources/images/circlearrow.gif")
> right no-repeat;
> }
For the ::after pseudo-element to do anything (that is: to appear) you need as
a minimum to specify the `content` property:
E::after {
content: '';
}
With that you'll have an ::after element that is still empty and sized to 0 x
0px but it 'exists' as far as your CSS is concerned. Give it some width and
height, specify the display property (`inline` being the initial value).
as it is, your `p.studentredirect::after` is empty and doesn't exist.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
