Results 1 to 1 of 1

Thread: Cross browser CSS3 Filters

  1. #1
    Join Date
    Aug 2009
    Thanked 7 Times in 7 Posts

    Default Cross browser CSS3 Filters

    I have a css class that goes like this:
    			.intro .background-image {
    			  background: url(bg.jpg) no-repeat center fixed;
    			  background-size: cover;
    			  filter: blur(3px) opacity(80%) brightness(30%);
    Which is all good, except I need to support Internet Explorer 10 and 11 and other browsers from that era which means that the filter effects on the last line won't work. So while I could do the high contrast hack like this
        @media screen and (-ms-high-contrast:none), (-ms-high-contrast: active) {
         .foo { color: green } 
         *::-ms-backdrop, .foo { color: red }
    I feel like that is a dirty way and cuts into useability (or whatever) and prefer not to do it like that. Ideally, I feel like there could be a plain javascript polyfill that backfills css3 features with javascript so it can work in both current and older browsers. Also on that note, if the mods need to move this to the javascript subforum go ahead, or I can create one there.
    Last edited by FrickenTrevor; 06-26-2018 at 01:15 AM.
    An inline div is a freak of the web and should be beaten until it becomes a span

Similar Threads

  1. Not cross browser...
    By grumpyted in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-10-2010, 10:16 PM
  2. how to RTL Cross Browser marquee
    By mahdisoft in forum JavaScript
    Replies: 4
    Last Post: 05-05-2009, 07:56 PM
  3. Cross browser CSS
    By Medyman in forum CSS
    Replies: 6
    Last Post: 01-12-2008, 05:11 AM
  4. help for cross browser scrolls
    By maven in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-22-2006, 11:25 AM
  5. Cross Browser Marquee different in FF and IE?
    By TCArknight in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-19-2006, 06:25 PM


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts