CODEWITHSUNDEEP
cssinternet-explorerinternet-explorer-9background-image
Katori
Katori

Reputation: 101

IE9 setting background-image to "none" via inline style

The site I am currently working on is http://rattscallion.com/ I am focusing my efforts on getting the site to look proper in IE.

I was having trouble getting the frame on the pages (look at /murals.html for the page I'm working on first). IE9 said that the inline-style stated that the background-image was "none," so it crossed out the original background image. I figured it might be getting this from somewhere on the main stylesheet so what I did was make a new frame that only exists in IE and style it only in the IE stylesheet. Unfortunately this also doesn't work...it still says that an inline-style is setting the background-image to "none", but there is no such thing!

I double-checked and this is happening in IE9 standards mode. So why is this happening? Can anyone help figure out how to "force" it over what IE perceives as the inline style?

Upvotes: 2

Views: 963

Answers (1)

TigOldBitties
TigOldBitties

Reputation: 1337

Well there's your problem:

CSS was ignored due to mime type mismatch 
normalize.css

If you check the network calls the normalize.css is received as text/plain instead of text/css. You should install static content (under server roles) in your IIS as for some weird reason it's not installed by default. I'm betting one WHOLE dollar you're using IIS.

You could have just copy pasted the normalize.css into a server side css file so it's not accessed remotely.

I got it working by doing the following:

  • remove #framePos img{ display: none; } from styles-ie.css
  • remove unitpngfix.js - the png filter fix was for ie6 and serves no purpose on ie9 (it's actually one of the reasons the frame does not show)

Note: the frame.png pic is place in lots'o'places as background so you should consider a little clean up of the css files

Another Note: unitpngfix.js replaces the frame.png with the clear.gif and places transparency filters on every png element. So tinkering on css will not do anything until you remove the js.

Upvotes: 3

Related Questions