Monday, 15 August 2011

css - Modernizr is not detecting features within IE8 -


For some strange reason, modern user script featuers in IE8 browsers will not run on the know, at least I think that this 'T.

However, I am using a CMS where I can not insert the "No-JS" class in the HTML tags when I create a page - but it does not disturb all other web browsers ( Including recent versions of IE). Modernizr is able to include classes in HTML tags, even though "no-js" class is not present at the beginning (thank god). I checked and verified that using different browser implementations of "inspecting the element"

I am testing IE8 in virtual box using VDI installed with modern IE.

I have a specific class when the Modernizer detects that there is no support for SMIL SVG animation but IE8 does not use it. I have a div from which I am using an animated SVG file as a background image. The IE8 does not only display the background color of the divis and not the typical Modernes fallback class, which tells the browser to use a stable PNG file as a background image. It may also be due to the face that I am using the background: the cover property which is not supported (but I think I will still see the PNG file but not yet spread to cover the dimensions of Dew.

I will highlight the CSS I am using below:

  .jumbotron.handwriting.dark {background: # CD4833 url ('http: // qanzac100. Slq.qld.gov.au/__data/assets/file/0007/283939/textpattern.svg ') No repeat center center is fixed; -Webi - Background-Size: Cover; -Move-Background-Size: Cover; -O-Background-Size: Cover; Background-Size: Cover; / * z-index: 4; * /} / * Modernizer Fallback for Browser SVG does not support SMIL animation. Changes BG image with static PNG file * / .no-smil .jumbotron.handwriting.dark {background: url ('http://qanzac100.slq.qld.gov.au /__data/assets/image/0004/284017/textpattern.png ') Any repeat center center fixed; background size: cover;}  

I now have modern Era has seen many times on the website and I do not see anyone where it says that it does not support IE8, is there something that I'm clearly doing wrong? It works and switches in IE11, because that browser has still not supported SMIL.

I still try to do this in IE9, but will do so soon.

Update: IE9 works fine because it actually supports SVG objects. I had conducted myself in a test here: www.coolwebs.com.au/svgTest/ We are using it without putting it into CMS and it seemed to work. Not sure what is happening because of this, but the problem only appears in IE8 while searching for an alternative solution for SIML SVG animation, I am working on IE11.


No comments:

Post a Comment