-1

I am using :before and :after but they are not showing in IE10 and below.

Here is the link to the site: wrdtempsite.com.au/da

When viewing dev tools (F12) all of the css is struck through... ?

Any help would be appreciated.

Thanks.

Gnanz
  • 1,833
  • 5
  • 24
  • 51
Huw Rowlands
  • 591
  • 1
  • 7
  • 17
  • 1
    Can you please post your code here? Specifically, the html and css of the elements what don't work well? – Kobi Jul 03 '13 at 12:17
  • 1
    There shouldn't be any problem with IE9+. IE8 has partial support according to http://caniuse.com/#feat=css-gencontent. – Mooseman Jul 03 '13 at 12:18
  • can you provide the part of code in jsfiddle.net – Gnanz Jul 03 '13 at 12:24
  • I think you have a wrong html element inside your :before and :after functions. image tags are not allowed, they're rendered as text. – Kees Sonnema Jul 03 '13 at 12:26

2 Answers2

0

You may need to add empty CSS rule for :hover before adding rules for :before and :after

Check the below link, it deals with the same issue. hope it helps

::after on :hover does not work in IE

Why does IE10 require the presence of a p:hover {} rule for transitions to work on a pseudo element?

Community
  • 1
  • 1
Gnanz
  • 1,833
  • 5
  • 24
  • 51
0

The issue was I had declared 0 0 no-repeat at the end; when I removed these it worked fine.

Thanks

Huw Rowlands
  • 591
  • 1
  • 7
  • 17