RGBA — IE Fallback


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <style type="text/css">
  2.  
  3. body {
  4. background: url(pattern.png);
  5. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6. }
  7. p {
  8. color: rgb(225, 225, 225);
  9. background: rgba(156, 217, 107, 0.25) none;
  10. width: 400px;
  11. margin: 48px auto;
  12. padding: 32px 40px;
  13. }
  14. p:hover {
  15. background: rgba(156, 217, 107, 0.50) none;
  16. }
  17.  
  18. </style>
  19.  
  20. <!--[if lte IE 8]>
  21. <style type="text/css">
  22.  
  23. p {
  24. background: transparent url(green-25.png);
  25. }
  26. p:hover {
  27. background: transparent url(green-50.png);
  28. }
  29.  
  30. </style>
  31. <![endif]-->

URL: http://925html.com/code/rgba-ie-fallback/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.