:after and :before CSS pseudo elements hack for Internet Explorer 7

by

with any pure CSS hack it’s not possible.

Use IE8.js http://code.google.com/p/ie7-js/

It has support for this. http://ie7-js.googlecode.com/svn/test/index.html

test page also there

after – http://ie7-js.googlecode.com/svn/test/after.html

before – http://ie7-js.googlecode.com/svn/test/before.html

Edit after 1st comment

You can just keep this js for IE6 and 7. other browser will not read it.

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

And if you are already using jQuery in your project than you can use this plugin

jQuery Pseudo Plugin

http://jquery.lukelutman.com/plugins/pseudo/

More Related Contents:

  1. Can I use a :before or :after pseudo-element on an input field?
  2. Font Awesome 5 on pseudo elements shows square instead of icon
  3. IE7 does not understand display: inline-block
  4. Html/Css Triangle with pseudo elements
  5. CSS content property: is it possible to insert HTML instead of Text?
  6. Elongated hexagon shaped button using only one element
  7. Using CSS :before and :after pseudo-elements with inline CSS?
  8. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  9. Why does a filter gradient on a pseudo element not work in IE8?
  10. How can I use the CSS pseudo-element :before{ content: ” } to affect an element?
  11. Can a ::before selector be used with a ?
  12. CSS data attribute new line character & pseudo-element content value
  13. Which elements support the ::before and ::after pseudo-elements?
  14. Pseudo class :hover does not work in IE7
  15. IE7 CSS Scrolling Div Bug
  16. Using attr(data-icon) property to display unicode before element
  17. after pseudo element not appearing in code
  18. pseudo-element acting like a grid item in CSS grid
  19. Adding text before list
  20. Vertically center element on HTML page with some content on top (Bootstrap)
  21. CSS Cut out circle from a rectangular shape
  22. Problems with CSS sticky footer
  23. What is quirks mode?
  24. How can I make a CSS glass/blur effect work for an overlay?
  25. How to make div element auto-resize maintaining aspect ratio?
  26. How do I prevent the padding property from changing width or height in CSS?
  27. How do I style the HTML form validation error messages with CSS?
  28. What are the default values for justify-content & align content?
  29. Load a low-res background image first, then a high-res one
  30. Can I use an image from my local file system as background in HTML? [duplicate]

Leave a Comment